# Code Css

**URL:** <https://community.glideapps.com/t/code-css/39603>\
**Category:** Ask for Help\
**Created:** [March 13, 2022, 9:20pm UTC](https://community.glideapps.com/t/code-css/39603 "2022-03-13T21:20:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![scorpio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scorpio/32/38799_2.png) [@scorpio](https://community.glideapps.com/u/scorpio)\
**Post date:** [March 13, 2022, 9:20pm UTC](https://community.glideapps.com/t/code-css/39603/1 "2022-03-13T21:20:32Z")

</div>

Hi, Does anyone know how this CSS code is adapted to glide  
https://codepen.io/aija/embed/preview/xvXWoK?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=xvXWoK

Is there a way to search all tabs?

Thanks

---

<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:** [March 14, 2022, 12:41am UTC](https://community.glideapps.com/t/code-css/39603/2 "2022-03-14T00:41:39Z")

</div>

If you want a specific view that looks like this, you can construct a code snippet on Github to generate URI and display it in a webview component, which would look like what this Codepen brings.

If you want to change the display of the Glide inline list to look like this, I think that will be much harder since the structure of the item is different.

---

<div class="post-metadata">

**Author:** ![scorpio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scorpio/32/38799_2.png) [@scorpio](https://community.glideapps.com/u/scorpio)\
**Post date:** [March 14, 2022, 10:06am UTC](https://community.glideapps.com/t/code-css/39603/3 "2022-03-14T10:06:59Z")

</div>

hi, @ThinhDinh then that code cannot be adapted to glide?

and would you know how to put a search engine that searches all the sheets?

thanks

---

<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:** [March 14, 2022, 11:59am UTC](https://community.glideapps.com/t/code-css/39603/4 "2022-03-14T11:59:43Z")

</div>

> [@scorpio](#):
>
> and would you know how to put a search engine that searches all the sheets?

What exactly do you want to use it for? You would have to present inline lists of all sheets, and loading that tab would present a big problem for your users’ experience.

> [@scorpio](#):
>
> then that code cannot be adapted to glide?

I would not say completely no but it’s hard to adapt.

---

<div class="post-metadata">

**Author:** ![scorpio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/scorpio/32/38799_2.png) [@scorpio](https://community.glideapps.com/u/scorpio)\
**Post date:** [March 14, 2022, 12:21pm UTC](https://community.glideapps.com/t/code-css/39603/5 "2022-03-14T12:21:41Z")

</div>

It is so that it shows me the categories in a sliding way

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/d/fd0cb3ea481852e816ea1f9c6b96717179bab67a.jpeg)

---

<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:** [March 14, 2022, 1:03pm UTC](https://community.glideapps.com/t/code-css/39603/6 "2022-03-14T13:03:40Z")

</div>

If you’re trying to search these categories then you can just enable the search for the inline list.

Again, regarding the CSS, I think it’s hard to adapt.
