Greetings to the community. A question for experienced users or framework developers: is there a possibility to insert a custom icon instead of the ones in the tabs? Thanks in advance to those who will answer me. Riccardo

Hey @profxeni , as @Roldy said, the tab needs to be in a Detail style screen. Try this <pre><span><style> button[aria-label="Tab's name"] svg { display: none; } button[aria-label="Tab's name"] div div[size] { border-radius: 50%; background-size: cover; background-repeat: no-rep…

Sorry, forgot to say this requirement :point_up:t3:

This is awesome Lucas! Does the URL need to be inside double-quotes INSIDE the brackets? Like this: <pre><span><style> button[aria-label="Tab's name"] svg { display: none; } button[aria-label="Tab's name"] div div[size] { border-radius: 50%; background-size: cover; background…

I just tested, and actually, there’s no difference :grinning_face_with_smiling_eyes:

Here’s one of my recent apps applying @Lucas_Pires ’ technique. [image] Beautiful Design App Project Showcase Releasing this beast thanks to @Lucas_Pires ’ code for having custom tab icons. The tab icon here has 4 states: Not chosen (not the notifications tab…

Thank you all for the responses. Great group with really knowledgeable people! I will let you know how it went :blush:

[screenshot-go.glideapps.com-2021.06.10-18-37-07] Thanks to everyone for the advice, but especially Lucas Pires. The adjustment succeeded perfectly!

@Lucas_Pires Is there a way to dynamically parse the URL ( profile picture ) of the user to the CSS so that the URL is not hardcoded in the richtext ? -Thanks Shiv

You can place the CSS in a template column with replacement values that are dynamically filled. Then use that template column as the source of the rich text component.

Custom icons

Ask for Help

ThinhDinh June 8, 2021, 11:36pm 8

Here’s one of my recent apps applying @Lucas_Pires’ technique.

Topic		Replies	Views
Custom Tab Icons Project Showcase	2	749	December 9, 2021
Custom icon's for the Tabs Feature Requests	12	1777	May 15, 2024
Using tab icons inside the app Ask for Help	2	300	July 10, 2020
'new stuff to look at!' Ask for Help	13	600	December 22, 2021
Tab location and Icons Feature Requests	4	410	June 28, 2020

Custom icons

Related topics