# Code BOOK

**URL:** <https://community.glideapps.com/t/code-book/21993>\
**Category:** Project Showcase\
**Created:** [January 30, 2021, 10:20am UTC](https://community.glideapps.com/t/code-book/21993 "2021-01-30T10:20:40Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 30, 2021, 10:20am UTC](https://community.glideapps.com/t/code-book/21993/1 "2021-01-30T10:20:40Z")

</div>

Hi, i created an App to organize helpful links and codes

> **[Code BOOK](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links

In this App you can browse or post useful CSS, HTML, Scripts and Links.  
It is easy to copy or share them.  
CSS codes have a screen to test in action.  
You don’t have to sign in to use it.

Please add some of your favorites there.  
let me know if any bugs or room for improvement…  
thank you.

 ![Proposal 2021-01-29 at 2.14.32 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/b/6b5dd88f4d34f25d8de8ab60e1b79803897d46aa.jpeg) ![Proposal 2021-01-29 at 2.16.42 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/a/5a5c0cc9bd9a1595ce5f36a337a83f1e669d244a.jpeg) ![Proposal 2021-01-29 at 2.17.16 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/4/64a55b16a5cf84b1de0e6f1f6f4b6c33c7867c64.jpeg) ![Proposal 2021-01-29 at 2.46.05 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/4/1450a884e26e9afe4b77457ccdda4918abb5f227.jpeg)

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [January 30, 2021, 11:03am UTC](https://community.glideapps.com/t/code-book/21993/2 "2021-01-30T11:03:12Z")

</div>

Here are things I think you could improve upon:

- Test CSS tab does not actually change any css
- There is an audio component that does not have any audio on that same tab
- You can’t really add css without html. Why not merge those two tabs?
- On Test CSS, There is a random progress bar that doesn’t really explain anything
- On Test CSS, there’s a side to side button component that doesn’t do anything
- On Test CSS, there are two floating buttons that don’t do anything.

Great Job!

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 30, 2021, 11:52am UTC](https://community.glideapps.com/t/code-book/21993/3 "2021-01-30T11:52:55Z")

</div>

test css is to see a effect of the code you will paste there, i put deferent object so you can see how they change, and experiment with a code,  
only first button work, this is where you can drop CSS

---

<div class="post-metadata">

**Author:** ![PabloMFalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablomfalero/32/31166_2.png) [@PabloMFalero](https://community.glideapps.com/u/PabloMFalero)\
**Post date:** [January 30, 2021, 2:47pm UTC](https://community.glideapps.com/t/code-book/21993/4 "2021-01-30T14:47:45Z")

</div>

You should have a section of best answers from the forum! Specially a @Jeff_Hager section with all the formulas 😀

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [January 30, 2021, 2:49pm UTC](https://community.glideapps.com/t/code-book/21993/5 "2021-01-30T14:49:25Z")

</div>

Jeff who?? 🤣

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [January 31, 2021, 11:21pm UTC](https://community.glideapps.com/t/code-book/21993/6 "2021-01-31T23:21:06Z")

</div>

so fare i got 10 CSS codes there and 1 script

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [March 1, 2021, 6:03pm UTC](https://community.glideapps.com/t/code-book/21993/7 "2021-03-01T18:03:01Z")

</div>

This is a great app and resource library - and a wonderful source of ideas too.

One idea you just gave me, @Uzo - can you replace the default screen when the screen is ‘empty’ (i.e. no values to present). For instance in your own app - screenshot…

And in my app I have cards to swipe through, and once you have run out of cards you end up with this default… but the next is not correct ‘There are no items yet.’

Is this possible, and if so, how? Thanks! M

 ![Screenshot 2021-03-01 at 19.01.57](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/1/317d59563c5e2e87067e096c36394c0e3ac144d3.png)

 ![Screenshot 2021-03-01 at 18.59.10](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/e/2e552349bbb80bce2c4185de0b70d8628bde8632.png)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 1, 2021, 6:22pm UTC](https://community.glideapps.com/t/code-book/21993/8 "2021-03-01T18:22:59Z")

</div>

just create one item and add column to indicate visibility 1, if someone add more items, it will set visibility for this item to 0, and add filter to show only items with visibility column equal 1

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [March 2, 2021, 1:14am UTC](https://community.glideapps.com/t/code-book/21993/10 "2021-03-02T01:14:27Z")

</div>

this is not a point in his post…

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [April 16, 2021, 2:52am UTC](https://community.glideapps.com/t/code-book/21993/11 "2021-04-16T02:52:15Z")

</div>

> **[Code BOOK](https://code-book.glideapp.io/)**
>
> share cool codes, scripts and links

we added new codes

[![Code BOOK.PNG](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/7/278eea0f6a2fe2f0ea5af3c39e3b570a8be15b25.jpeg)](https://code-book.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [April 17, 2021, 12:37am UTC](https://community.glideapps.com/t/code-book/21993/12 "2021-04-17T00:37:25Z")

</div>

670 logins ! yeah… thank you guys 😉

---

<div class="post-metadata">

**Author:** ![abe.sherman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abe.sherman/32/11260_2.png) [@abe.sherman](https://community.glideapps.com/u/abe.sherman)\
**Post date:** [April 28, 2021, 1:00am UTC](https://community.glideapps.com/t/code-book/21993/13 "2021-04-28T01:00:56Z")

</div>

Good work. I look at it frequently. Looking for the collapse expand CSS we need to add it. I sew it once here. cant find it now. Direct me and i will add the code myself into the code book DB

---

<div class="post-metadata">

**Author:** ![abe.sherman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abe.sherman/32/11260_2.png) [@abe.sherman](https://community.glideapps.com/u/abe.sherman)\
**Post date:** [May 24, 2021, 8:02pm UTC](https://community.glideapps.com/t/code-book/21993/14 "2021-05-24T20:02:54Z")

</div>

@Uzo i found a issue that needs your attention. in the codebook app i cant make a comment in the home section due to the banner blacking it. Also can you please add text entry in the test field.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [May 24, 2021, 11:01pm UTC](https://community.glideapps.com/t/code-book/21993/15 "2021-05-24T23:01:39Z")

</div>

@abe.sherman done… and done 😉  
thank you for pointing this out.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [July 25, 2021, 4:03am UTC](https://community.glideapps.com/t/code-book/21993/17 "2021-07-25T04:03:49Z")

</div>

Celebrating 1000 visits from Gliders! 🍹 🍹 🍹

[![Screen Shot 2021-07-24 at 11.57.17 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/745eca06e0ca1915439964990718517d4a502e6b.jpeg)](https://code-book.glideapp.io/)

[Code BOOK](https://code-book.glideapp.io/)

---

<div class="post-metadata">

**Author:** ![ebele54](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ebele54/32/19267_2.png) [@ebele54](https://community.glideapps.com/u/ebele54)\
**Post date:** [September 4, 2021, 12:48pm UTC](https://community.glideapps.com/t/code-book/21993/18 "2021-09-04T12:48:32Z")

</div>

Hi Gliders,

Please can you share CSS to align to center the title of the page?

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/d/6da49c1f731259c69038426bfe0c8194957bdb20.png)

---

<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:** [September 4, 2021, 1:42pm UTC](https://community.glideapps.com/t/code-book/21993/19 "2021-09-04T13:42:33Z")

</div>

Isn’t it already centered?

---

<div class="post-metadata">

**Author:** ![ebele54](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ebele54/32/19267_2.png) [@ebele54](https://community.glideapps.com/u/ebele54)\
**Post date:** [September 4, 2021, 2:04pm UTC](https://community.glideapps.com/t/code-book/21993/20 "2021-09-04T14:04:40Z")

</div>

I just used the image above to explain what I want to achieve. Mine isn’t centred:

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/c/9c98d392ba7ba03c9018d78845b5e4d00403dd6e.png)

---

<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:** [September 4, 2021, 11:29pm UTC](https://community.glideapps.com/t/code-book/21993/21 "2021-09-04T23:29:59Z")

</div>

It’s a different theme. Also you would lose the all/favorites and filter part as CSS can only be applied to details screens. Do you wanna go ahead?

---

<div class="post-metadata">

**Author:** ![ebele54](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ebele54/32/19267_2.png) [@ebele54](https://community.glideapps.com/u/ebele54)\
**Post date:** [September 5, 2021, 10:11am UTC](https://community.glideapps.com/t/code-book/21993/22 "2021-09-05T10:11:39Z")

</div>

Oh no. I wouldn’t want to lose all that. Thanks a lot for checking this

[Next page](https://community.glideapps.com/t/code-book/21993.md?page=2)
