# The Name of a Tab is used in two incompatible places

**URL:** <https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149>\
**Category:** Ask for Help\
**Created:** [February 3, 2021, 12:14am UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149 "2021-02-03T00:14:35Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)\
**Post date:** [February 3, 2021, 12:14am UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/1 "2021-02-03T00:14:35Z")

</div>

I have come across a situation where I need to have two names for tabs – one descriptive always visible as the banner of the screen, and another limited to one word to improve the understanding of the icon used to represent the tab at the bottom of the screen. Here’s what is happening now:

 ![2021-02-02_18-56-29](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/d/b/dba0d871a678074e5b342c439c7321869d3d362d.jpeg)

Right now, the two labels seem to be linked. Does anyone know of a way to delink the labels?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [February 3, 2021, 12:26am UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/2 "2021-02-03T00:26:50Z")

</div>

No, there is no way to delink them as of now.

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 3, 2021, 2:23pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/3 "2021-02-03T14:23:06Z")

</div>

How willing are you to dive into CSS manipulation?

> [@Tab banner customization](https://community.glideapps.com/t/tab-banner-customization/22172):
>
> Hello, I would like to customize the top banner of the tab. center the name of the tab, or change and put a image, … is there a way to do this ? thanks

---

<div class="post-metadata">

**Author:** ![alexh](https://avatars.discourse-cdn.com/v4/letter/a/6f9a4e/32.png) [@alexh](https://community.glideapps.com/u/alexh)\
**Post date:** [February 3, 2021, 2:42pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/4 "2021-02-03T14:42:27Z")

</div>

dive as deep as possible to do it 😉  
I am not scared to learn

---

<div class="post-metadata">

**Author:** ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)\
**Post date:** [February 3, 2021, 2:46pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/5 "2021-02-03T14:46:30Z")

</div>

I’ve been using HTML, CSS, and Javascript since the beginning of the web until about 5 years ago when I backed off a bit at staying up to date.

So, give me some places and suggestions and that will help me a lot get around this problem.

And I will also make a feature request so that some of @david’s “billion new software developers” will not have to use this workaround. I expect we all have a bunch of such suggestions that fall under this same characterization…

I am a huge supporter of this goal so that Glide does for smartphone app creation what MSWord and Excel did to support billions of ordinary writers and ordinary numerical workers. Perhaps there needs to be a new message category for messages that are suggestions for higher-level Glide concepts and constructs that will make it possible to reach the 1 billion mark.

---

<div class="post-metadata">

**Author:** ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)\
**Post date:** [February 4, 2021, 3:29pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/6 "2021-02-04T15:29:59Z")

</div>

@Jeff_Hager: I am interested in getting your advice about what CSS I could use to be able to decouple the name of the sheet from the name below the tab icon. Thanks.

---

<div class="post-metadata">

**Author:** ![forsdick](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/forsdick/32/26296_2.png) [@forsdick](https://community.glideapps.com/u/forsdick)\
**Post date:** [February 4, 2021, 9:44pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/7 "2021-02-04T21:44:39Z")

</div>

Sorry, @Jeff_Hager I didn’t explore the reference you gave. I hope I can figure this out myself… – HF

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [February 6, 2021, 6:28pm UTC](https://community.glideapps.com/t/the-name-of-a-tab-is-used-in-two-incompatible-places/22149/8 "2021-02-06T18:28:31Z")

</div>

This is the best I could do so far, but I couldn’t find a stable class name that would work across different devices/browsers/layouts

```auto
<pre><span><style>
.efWssb {
	 visibility: hidden;
}
.efWssb:after {
        visibility: visible ;
	content: "New Text"; 
}
</style></span></pre>

```

This works on the devices/browsers/layout I was testing with, but the class name could be different for different people…unless someone else can find a better solution.