# No Sign-in, Community App w- Chat Room, Star Reviews & User Application Features from Single Row/Cell in Glide Editor

**URL:** <https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123>\
**Category:** Project Showcase\
**Created:** [June 14, 2024, 2:25am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123 "2024-06-14T02:25:36Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 14, 2024, 2:25am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/1 "2024-06-14T02:25:36Z")

</div>

Hi guys! I have been extending the simple workflow that I showcased last week ([Star Rating Reviews & Detailed Form - Single Cell - No sign-in option](https://community.glideapps.com/t/star-rating-reviews-detailed-form-single-cell-no-sign-in-option/73831)) and have added 3 useful features to my app:

1. An anonymous chat room or message board with randomly changing chat font colors, user avatars, public moderation capabilities
2. Add business application form with user monitoring feature (to see whether applications are pending). Public display.
3. Anonymous star review system

Here are some clips of the features in action!  
 ![NewChatvideogif](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/c/bc59d8a365e9600cd68886db105973ec1fcb1f47.webp)  
 ![Applicationvideo](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/0/8044034f9f7199071a868e5b239f13ccc7632d41.webp)  
 ![Reviewvideoedit](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/4/c416d4b7bbc2b3f778badd782d9f5116eca48e3e.webp)

App link: [https://hiptnt.glide.page](https://hiptnt.glide.page)

For more context on the app itself, it’s essentially a local business listings and events app that’s meant to foster kinship between the consumers and local small businesses, as well as increase comradery in the populace.

It was very important for me to keep the cost of development as low as possible because it’s a free public app and a budding social enterprise, which means that I want even the lowest income, small business owners to be able to afford continuous app presence. The single-row single-cell solution would keep my cost contained since I wouldn’t have to worry about row limits when managing potential growth (country population = ~1.4 million). I was really happy to accomplish this without making users sign in and without a user table.

Other resources I blended into the app:  
@Himaladin 's floating button CSS was a great addition to the chat room. I used it to place a button on the top and on the bottom too.  
@Joe_Gabriele 's button gradient CSS 👍  
@Joe_Gabriele 's full screen image. I extrapolated to create gradient colored full-sized containers  
@Himaladin 's carousel (cardousel)  
@Darren_Murphy custom search bar, which really amped up the app’s functionality and user friendliness!

Thanks guys! 😊

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 14, 2024, 2:38am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/2 "2024-06-14T02:38:29Z")

</div>

Oh, I also repurposed JavaScript from @Himaladin and @Jeff_Hager 's work and used them as triggers to automatically refresh the messages in the chat room. 👍 👍

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 14, 2024, 2:47am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/3 "2024-06-14T02:47:33Z")

</div>

Congrats for you.

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 14, 2024, 2:48am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/4 "2024-06-14T02:48:57Z")

</div>

Thanks! And thanks for all your help over the past few weeks!  
Tomorrow I will give myself a holiday, lol.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 14, 2024, 8:39am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/5 "2024-06-14T08:39:07Z")

</div>

> [@Sekayi\_Liburd](#):
>
> used them as triggers to automatically refresh the messages in the chat room.

Why is it necessary?

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 12:32am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/6 "2024-06-15T00:32:46Z")

</div>

I’m not entirely sure to be honest. But before I added it I thought that the messages were taking too long to appear… don’t know if it was just due to the network connection.  
Either way, it can’t hurt to have a forced refresh every 5 seconds.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 1:26am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/7 "2024-06-15T01:26:57Z")

</div>

It’s better to be prepared for something that might not happen than to be unprepared for something that does. 😄

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 1:35am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/8 "2024-06-15T01:35:48Z")

</div>

💯 😁

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 1:54am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/9 "2024-06-15T01:54:10Z")

</div>

Why don’t you use a 3D slide-show to avoid the gap when transitioning from the last frame to the first frame? Another thing is you can add a clear button for quick search, it will be more convenient. I made it with the rich text component.

 ![Screenshot 2024-06-15 at 09.01.37](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a9931a67270762e9abecd73588c1a7731bb08b0.png)

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 2:17am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/10 "2024-06-15T02:17:49Z")

</div>

thanks! I was actually wishing I had the option to clear the text… didn’t know it was possible!  
How do I add it?

With respect to the 3d slide show, I was a little concerned about how the images on the sides appear (skewed) as well as the set up because i’d want at least 3-4 images on the front face of the cube

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 3:03am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/11 "2024-06-15T03:03:50Z")

</div>

Add a richtext component below the text entry component. Name the class: deleteBtn. Use richtext for clearing your column.

```auto
<!--Delete Button-->
<div class="cross" style="float: right; margin:0px 2px 0 auto; 
height: 25px;width: 25px; opacity:0.4;border-radius: 10px;
z-index: 5; filter:invert(0.1);"><img src="https://cdn-icons-png.flaticon.com/512/8867/8867452.png" alt="Cross Button" style="margin-top:-36px;"/></div>

/*delete button CSS*/
[data-testid="wire-container-deleteBtn"] {
	margin-top:0 !important;
}
[data-testid="wire-container-deleteBtn"] [data-test="app-markdown-view"] {
	position:absolute;
	display:flex;
	justify-content:flex-end;
	left:auto;
	right:calc(var(--container-x-pad) + 10px);
	width:fit-content;
}

```

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 3:52am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/12 "2024-06-15T03:52:29Z")

</div>

hmm… can you explain how it’s tied to the text entry? I’m not getting it to work

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 4:26am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/13 "2024-06-15T04:26:06Z")

</div>

hmm… did you copy the html code part to the richtext component and the css to the css part.  
The way this CSS works is only to lift richtxt to the top without binding the two components.

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 4:27am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/14 "2024-06-15T04:27:38Z")

</div>

ok, I’ll try this.

\*It works now, thanks!  
\*\*Actually the button appears but isn’t effective… let me check that I didn’t omit something.  
Maybe I also need to add an action.

It worked after I added an action. 👍

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 6:14am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/15 "2024-06-15T06:14:27Z")

</div>

Hide the button if the search is empty.

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 6:16am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/16 "2024-06-15T06:16:42Z")

</div>

ok… i needed it to see it to customize the icon. It was too faint in dark mode.

new icon, lol  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/a/cae71cbdf04b78a263bbf1355672d0e3c766753f.png)

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 6:20am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/17 "2024-06-15T06:20:15Z")

</div>

Set with this filter code too.

> [@Himaladin](#):
>
> `filter:invert(0.1);`

 ![8867452](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/4/343039742c613c43c227018951881a267eb63d69.png)  
 ![red-cross-button-in-round-shape-png](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/3/c34b0a40d052d6ae841bbb06f6ea0a22331cc497.webp)

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 6:21am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/18 "2024-06-15T06:21:35Z")

</div>

oh great. Will try this too

\*\* the code was already in there. It doesn’t work well enough for the visibility so i’ll revert the icon I made…  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/6/969875506785760c6c6c651a449c860549fde18d.png)

Thanks for the icon suggestions. I wanted it to be subtle yet visible in both light and dark modes, that’s why I made it grey.

---

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [June 15, 2024, 6:38am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/19 "2024-06-15T06:38:38Z")

</div>

You can combine these two codes.

```auto
filter: brightness(100) invert(0.1);

```

or

```auto
filter: brightness(100) invert(0.1) grayscale(1);

```

---

<div class="post-metadata">

**Author:** ![Sekayi\_Liburd](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sekayi_liburd/32/77608_2.png) [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\
**Post date:** [June 15, 2024, 6:53am UTC](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123/20 "2024-06-15T06:53:57Z")

</div>

no visible change with those either.  
I suspect the X in the original image is actually transparent. Would explain why inverting does not affect it. Unless the invert was targeting the background and not the image itself… then I dunno.  
But it’s ok, my new image works in both modes.

[Next page](https://community.glideapps.com/t/no-sign-in-community-app-w-chat-room-star-reviews-user-application-features-from-single-row-cell-in-glide-editor/74123.md?page=2)