Custom search box in the detail tab

Greetings to all
Analyzing the detail of the tabs, I noticed that using the classic search box, when in the next step the application goes to the list of topics found, it loses the custom icon that I added with the CSS code.
In your opinion, is there any way to add the described code? Or is there a method to have in detail a custom search box?
I’ve scoured the community a bit, but it really seems like no one has ever had the same thought as me.
As always, I thank you in advance for your responses! :wink:

1 Like

This is a good idea. I have just written this code assuming your search box (text entry) is the 1st component on the screen.

<pre><span><style>
div[id*='screenScrollView'] > div > :nth-of-type(1) .tf-inner {
color: black;
height: 36px;
border-radius: 10px;
background: rgba(0,0,0,0.05);
padding: 0px 6px 12px;
-webkit-box-align: center;
width: 100%;
border-bottom: none;
}

div[id*='screenScrollView'] > div > :nth-of-type(1) .ta-inputbox {
padding: 6px;
}
4 Likes

Hi @ThinhDinh I wanted to let you know that your CSS doesn’t seem to be working anymore. You can no longer see the search bar. What could have changed? :blush:

They changed the structure of the entry components a while ago, and it looks much like what I was trying to do in the code anyway, so I just have a text entry with this as the placeholder: “:mag: Search”

3 Likes

So, could you make an update to this code?

I can but it will take time to structure that again. Does the method above not work for you?

1 Like

I just can’t see the search field with the icon anymore :frowning:

Try removing the rich text you use with the old code and use the magnifying glass + search I specified above as the placeholder for the rich text.

2 Likes

I tried with a new tab, detail, entered the code in RT, but nothing shows up

No I mean you should not use the rich text anymore, just have a text entry and put “:mag: Search” as your placeholder for text entry. We don’t need CSS here anymore.

I don’t think I understood what you said. I only understood that you no longer need to write the CSS code. I just wanted to remind you that I need to use the search in a list, but not with Glide’s search.

Yeah, what I had here is a sole text entry with “:mag: Search” as my placeholder. Can you retry that on your screen?

1 Like

It looks like this to me :blush:

It looks like this to me. Can you confirm you have the same setup?

I confirm that it comes as you do. So if I now enter a list of things to search with the same field it finds them for me?

As long as you have the right filter conditions for the inline list then it should work :wink: Remember you have to connect the user-specific column you are writing to with the actual inline lists that you will filter by this “search”.

3 Likes

I will try. In the meantime, thank you for your valuable time.

1 Like

My pleasure to help! Hit me up with questions, if any.

1 Like

Thank you very much @ThinhDinh, it works perfectly :ok_hand: :muscle:

1 Like

@ThinhDinh Here from my other thread. Can you screenview your relation construction much slower? Still learning relations and can’t get this working.

What column relates to which in tableview? Thanks!