# Community Resources

**URL:** https://community.glideapps.com/c/resources/24.md?page=7

[Latest](https://community.glideapps.com/latest.md) · [Categories](https://community.glideapps.com/categories.md) · [Tags](https://community.glideapps.com/tags.md)

**Page:** 8

---

## [🔄 3. Transforming a Card Collection into a 3D Continuous Carousel with CSS](https://community.glideapps.com/t/3-transforming-a-card-collection-into-a-3d-continuous-carousel-with-css/73558)

<div class="topic-metadata">

**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Replies:** 4\
**Last updated:** [May 26, 2024, 5:42am UTC](https://community.glideapps.com/t/3-transforming-a-card-collection-into-a-3d-continuous-carousel-with-css/73558 "2024-05-26T05:42:21Z")

</div>

This is the third way to transform a collection component into a carousel. The following method uses transform-style: preserve-3d; to shape the collection component into a ring, enabling a smooth transition from the last…

---

## [DocsAutomator v3 Update: Adding Single or Multiple Line Items](https://community.glideapps.com/t/docsautomator-v3-update-adding-single-or-multiple-line-items/73535)

<div class="topic-metadata">

**Author:** [@Rupert](https://community.glideapps.com/u/Rupert)\
**Replies:** 4\
**Last updated:** [May 21, 2024, 4:33pm UTC](https://community.glideapps.com/t/docsautomator-v3-update-adding-single-or-multiple-line-items/73535 "2024-05-21T16:33:02Z")

</div>

Hi everyone, Rupert here — founder of DocsAutomator! I’m excited to announce that adding line items to your documents has become a lot easier with DocsAutomator’s new line items syntax, introduced in DocsAutomator v3. …

---

## [Overlay a Number on top of an Image with Cloudinary](https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408)

<div class="topic-metadata">

**Author:** [@Darren\_Alderman](https://community.glideapps.com/u/Darren_Alderman)\
**Replies:** 1\
**Last updated:** [May 15, 2024, 4:54pm UTC](https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408 "2024-05-15T16:54:00Z")

</div>

Create a template column in Glide and use this url: https://res.cloudinary.com/glide/image/fetch/f\_auto,h\_500,w\_500,c\_fill,co\_rgb:000,e\_colorize:50/l\_text:Arial\_400\_stroke:{number},co\_rgb:fff,bo\_0px\_solid\_rgb:fff,x\_0,…

---

## [Transform your card collection into stunning photo galleries 🎞️](https://community.glideapps.com/t/transform-your-card-collection-into-stunning-photo-galleries/73292)

<div class="topic-metadata">

**Author:** [@abdo](https://community.glideapps.com/u/abdo)\
**Replies:** 3\
**Last updated:** [May 13, 2024, 12:21am UTC](https://community.glideapps.com/t/transform-your-card-collection-into-stunning-photo-galleries/73292 "2024-05-13T00:21:44Z")

</div>

:rocket: Check this out, just some simple css can transform your card collection into a nice photo gallery

---

## [🎞️ 1. How to Create an Auto-Play Slideshow](https://community.glideapps.com/t/1-how-to-create-an-auto-play-slideshow/73271)

<div class="topic-metadata">

**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Replies:** 83\
**Last updated:** [May 12, 2024, 9:57am UTC](https://community.glideapps.com/t/1-how-to-create-an-auto-play-slideshow/73271 "2024-05-12T09:57:10Z")

</div>

Here’s how to create an autoplay slideshow with a duration based on the update interval of Glide (5-10 seconds), without using HTML or CSS: Your image table must have a number column. You can use the “Find Element…

---

## [🔴 Weekly Glide App Webinar (English) Q&A with Gideon 🗓️](https://community.glideapps.com/t/weekly-glide-app-webinar-english-q-a-with-gideon/72484)

<div class="topic-metadata">

**Author:** [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Replies:** 5\
**Last updated:** [May 8, 2024, 7:43am UTC](https://community.glideapps.com/t/weekly-glide-app-webinar-english-q-a-with-gideon/72484 "2024-05-08T07:43:58Z")

</div>

Glide App Webinar (English) Join me for an insightful session as I reveals advanced techniques to supercharge your Glide apps. Don’t miss this opportunity to learn, connect, and take your app development skills to new he…

---

## [JavaScript to return image resolution](https://community.glideapps.com/t/javascript-to-return-image-resolution/73043)

<div class="topic-metadata">

**Author:** [@tuzin](https://community.glideapps.com/u/tuzin)\
**Replies:** 0\
**Last updated:** [May 3, 2024, 2:56pm UTC](https://community.glideapps.com/t/javascript-to-return-image-resolution/73043 "2024-05-03T14:56:19Z")

</div>

Use this code in JavaScript column with your image URL set as p1 variable to get image resolution. var img = new Image(); img.src = p1; return(img.naturalWidth + 'x' + img.naturalHeight);

---

## [🎉 Filter Inline Lists Using Multi-Select Choice Components!](https://community.glideapps.com/t/filter-inline-lists-using-multi-select-choice-components/37566)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 33\
**Last updated:** [May 2, 2024, 10:32am UTC](https://community.glideapps.com/t/filter-inline-lists-using-multi-select-choice-components/37566 "2024-05-02T10:32:31Z")

</div>

Hey all! I found a super streamlined way to filter an inline list using multi-select choice components. Take a look!

---

## [How to create icon collections](https://community.glideapps.com/t/how-to-create-icon-collections/72821)

<div class="topic-metadata">

**Author:** [@abdo](https://community.glideapps.com/u/abdo)\
**Replies:** 3\
**Last updated:** [April 24, 2024, 9:42am UTC](https://community.glideapps.com/t/how-to-create-icon-collections/72821 "2024-04-24T09:42:12Z")

</div>

Explore how to customize custom collections & card collections in CSS to craft great looking icon collections! :art: Make your app shine! :rocket: :sparkles:

---

## [Splitting a large CSV file into multiple smaller files](https://community.glideapps.com/t/splitting-a-large-csv-file-into-multiple-smaller-files/72774)

<div class="topic-metadata">

**Author:** [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Replies:** 1\
**Last updated:** [April 21, 2024, 11:41pm UTC](https://community.glideapps.com/t/splitting-a-large-csv-file-into-multiple-smaller-files/72774 "2024-04-21T23:41:02Z")

</div>

Just this past weekend I needed to migrate a large amount of data from a regular Glide Table to a Big Table. Glide conveniently provides import/export options directly from the Data Editor to help with this. However the …

---

## [Adding CSS shadows to your Collections and Containers](https://community.glideapps.com/t/adding-css-shadows-to-your-collections-and-containers/72606)

<div class="topic-metadata">

**Author:** [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Replies:** 0\
**Last updated:** [April 15, 2024, 11:08pm UTC](https://community.glideapps.com/t/adding-css-shadows-to-your-collections-and-containers/72606 "2024-04-15T23:08:37Z")

</div>

For adding some visual interest to your Glide Apps! The shadow on cards don’t look that good on mobile, both in vertical and horizontal, so I made it display on desktop only. Reference on adjusting the shadow to fit …

---

## [Create Rich text with style (Feedback needed!)](https://community.glideapps.com/t/create-rich-text-with-style-feedback-needed/72548)

<div class="topic-metadata">

**Author:** [@Trustin](https://community.glideapps.com/u/Trustin)\
**Replies:** 4\
**Last updated:** [April 15, 2024, 1:02am UTC](https://community.glideapps.com/t/create-rich-text-with-style-feedback-needed/72548 "2024-04-15T01:02:27Z")

</div>

Hey Gliders! I build a tool for creating customizable “Cards” using Rich Text Components. It allows you to design beautiful cards and copy the code and use it in your own app. :mag:I am looking for feedback to improve…

---

## [JSONata Advanced Functions: $filter, $exists, $not, $map](https://community.glideapps.com/t/jsonata-advanced-functions-filter-exists-not-map/72468)

<div class="topic-metadata">

**Author:** [@Darren\_Alderman](https://community.glideapps.com/u/Darren_Alderman)\
**Replies:** 0\
**Last updated:** [April 10, 2024, 8:53pm UTC](https://community.glideapps.com/t/jsonata-advanced-functions-filter-exists-not-map/72468 "2024-04-10T20:53:42Z")

</div>

Glide uses JSONata in to query JSON in the Query JSON column. I’ve understood the simple syntax of mapping through arrays and objects. $rows\[2\].Name - Returns the name of the 3rd item in the array $rows\[\].Company.Name …

---

## [How to overlay text on images](https://community.glideapps.com/t/how-to-overlay-text-on-images/72437)

<div class="topic-metadata">

**Author:** [@abdo](https://community.glideapps.com/u/abdo)\
**Replies:** 4\
**Last updated:** [April 10, 2024, 2:07am UTC](https://community.glideapps.com/t/how-to-overlay-text-on-images/72437 "2024-04-10T02:07:42Z")

</div>

:bridge\_at\_night: Use a rich text component with html to overlay text on images very simple steps for images in screens & custom collections

---

## [Use CSS to right align images in lists](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365)

<div class="topic-metadata">

**Author:** [@abdo](https://community.glideapps.com/u/abdo)\
**Replies:** 3\
**Last updated:** [April 8, 2024, 9:26pm UTC](https://community.glideapps.com/t/use-css-to-right-align-images-in-lists/72365 "2024-04-08T21:26:28Z")

</div>

Check this out :arrow\_down: with a few lines of css you can right align images in lists! :star: nice for a Frequently Asked Questions (FAQ) section design :leftwards\_arrow\_with\_hook: back to the old Glide lists …

---

## [Gideon's Glide App Webinar: Mastery & Solutions - APR 10](https://community.glideapps.com/t/gideons-glide-app-webinar-mastery-solutions-apr-10/72322)

<div class="topic-metadata">

**Author:** [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Replies:** 0\
**Last updated:** [April 4, 2024, 6:36pm UTC](https://community.glideapps.com/t/gideons-glide-app-webinar-mastery-solutions-apr-10/72322 "2024-04-04T18:36:38Z")

</div>

Upcoming Event: April 10th Don’t miss out! Register now to secure your spot and receive a reminder for the event. Event Registration Link: Secure Your Spot Here What’s on the Agenda? Showcase Segment: We invite all…

---

## [Have your app wish users a "Good evening"!](https://community.glideapps.com/t/have-your-app-wish-users-a-good-evening/57160)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 10\
**Last updated:** [March 30, 2024, 9:22am UTC](https://community.glideapps.com/t/have-your-app-wish-users-a-good-evening/57160 "2024-03-30T09:22:56Z")

</div>

In case you want to add a bit of personalization to the home screen of your app, all you’ll need is a math column, a few if-then-else columns, a template column and a hero icon column. Here’s how to build it for your…

---

## [Formatting Dates & Numbers for DocsAutomator](https://community.glideapps.com/t/formatting-dates-numbers-for-docsautomator/71685)

<div class="topic-metadata">

**Author:** [@Rupert](https://community.glideapps.com/u/Rupert)\
**Replies:** 0\
**Last updated:** [March 14, 2024, 4:06pm UTC](https://community.glideapps.com/t/formatting-dates-numbers-for-docsautomator/71685 "2024-03-14T16:06:23Z")

</div>

I receive many questions re. formatting dates and numbers so they print correctly (as seen in the data editor) using DocsAutomator. Recorded a quick (4 minutes) video to demonstrate how that works: Let me …

---

## [Flat Design color picker dropdown](https://community.glideapps.com/t/flat-design-color-picker-dropdown/71571)

<div class="topic-metadata">

**Author:** [@christian\_k](https://community.glideapps.com/u/christian_k)\
**Replies:** 0\
**Last updated:** [March 10, 2024, 8:38pm UTC](https://community.glideapps.com/t/flat-design-color-picker-dropdown/71571 "2024-03-10T20:38:16Z")

</div>

If your app leverages the “image from color” column and uses colourful containers or headers, this might be for you. So how can the user pick a color? → They can just simply insert a hex code into a field, but who knows…

---

## [CSS for hiding stuff!](https://community.glideapps.com/t/css-for-hiding-stuff/19631)

<div class="topic-metadata">

**Author:** [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Replies:** 89\
**Last updated:** [March 6, 2024, 11:53pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631 "2024-03-06T23:53:46Z")

</div>

Hey guys!! I recently started experimenting with CSS. I didn’t really like the back button when using link to screen in the onboarding process. But guess what! After learning, researching and inspecting, I know the Rich…

---

## [🤑 Enable Users to Subscribe to Your Glide App Using Payhere + Call API Columns](https://community.glideapps.com/t/enable-users-to-subscribe-to-your-glide-app-using-payhere-call-api-columns/65204)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 20\
**Last updated:** [February 27, 2024, 1:18am UTC](https://community.glideapps.com/t/enable-users-to-subscribe-to-your-glide-app-using-payhere-call-api-columns/65204 "2024-02-27T01:18:13Z")

</div>

:wave: Hey fellow Gliders In this video, learn how to utilize Glide Call API and Payhere payment gateway to enable your users to easily subscribe and access premium features within your app. :tada: No more Make. No more…

---

## [Resources for learning and working with SQL data](https://community.glideapps.com/t/resources-for-learning-and-working-with-sql-data/71098)

<div class="topic-metadata">

**Author:** [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Replies:** 1\
**Last updated:** [February 26, 2024, 11:20pm UTC](https://community.glideapps.com/t/resources-for-learning-and-working-with-sql-data/71098 "2024-02-26T23:20:01Z")

</div>

SQL data sources let you build powerful Glide apps on top of your existing databases, like custom GUI frontends that work on any device. We’re using this post to curate some of the best resources for learn…

---

## [😍 Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 191\
**Last updated:** [February 23, 2024, 6:03pm UTC](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946 "2024-02-23T18:03:37Z")

</div>

GAME CHANGER! Stumbled upon this site today—a way to create on the fly charts using data from your Glide tables. Images render instantly and you can select one of 14 different charts, customize colors, styles etc all th…

---

## [✅📋 4 ways to create CHECKLISTS in Glide!](https://community.glideapps.com/t/4-ways-to-create-checklists-in-glide/71002)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 6\
**Last updated:** [February 21, 2024, 5:38pm UTC](https://community.glideapps.com/t/4-ways-to-create-checklists-in-glide/71002 "2024-02-21T17:38:05Z")

</div>

:waving\_hand: Hey fellow Gliders! The concept of a checklist is fairly simple, but there are actually a few ways to build them in Glide depending on your app setup and what data you want to collect from your users. For …

---

## [💫 The Trebuchet Method](https://community.glideapps.com/t/the-trebuchet-method/48325)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 17\
**Last updated:** [February 13, 2024, 8:14am UTC](https://community.glideapps.com/t/the-trebuchet-method/48325 "2024-02-13T08:14:08Z")

</div>

In certain situations, a single column has the potential to replace an entire table of data. The Trebuchet Method allows you to create an inline array that allows you to create a SIMPLE one-to-many relationship between t…

---

## [👯‍♂️ Duplicate Actions WITHIN the Action Editor!](https://community.glideapps.com/t/duplicate-actions-within-the-action-editor/70096)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 2\
**Last updated:** [January 26, 2024, 11:38pm UTC](https://community.glideapps.com/t/duplicate-actions-within-the-action-editor/70096 "2024-01-26T23:38:13Z")

</div>

---

## [🚫 Hacking a Form Submit Button using CSS](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878)

<div class="topic-metadata">

**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Replies:** 2\
**Last updated:** [January 24, 2024, 7:16pm UTC](https://community.glideapps.com/t/hacking-a-form-submit-button-using-css/69878 "2024-01-24T19:16:03Z")

</div>

:wave: Hey fellow Gliders! I recently came across this post by @Himaladin, and I was so impressed that I had to create a video that walked through this hack step by step—it’s incredibly clever! Using a visibility condi…

---

## [Dynamic Dummy Image Generator is my favorite tool while sketching apps](https://community.glideapps.com/t/dynamic-dummy-image-generator-is-my-favorite-tool-while-sketching-apps/50345)

<div class="topic-metadata">

**Author:** [@erwblo](https://community.glideapps.com/u/erwblo)\
**Replies:** 6\
**Last updated:** [January 18, 2024, 9:59am UTC](https://community.glideapps.com/t/dynamic-dummy-image-generator-is-my-favorite-tool-while-sketching-apps/50345 "2024-01-18T09:59:27Z")

</div>

Dynamic Dummy Image Generator is my favorite tool while sketching apps. So nice and handy to make dummy images with different texts and colors and sizes! https://dummyimage.com/

---

## [Glide AI: Text-to-JSON](https://community.glideapps.com/t/glide-ai-text-to-json/69424)

<div class="topic-metadata">

**Author:** [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Replies:** 12\
**Last updated:** [January 9, 2024, 11:02pm UTC](https://community.glideapps.com/t/glide-ai-text-to-json/69424 "2024-01-09T23:02:01Z")

</div>

Glide AI will write the JSON for us if we tell it what we need from the text column. How cool is that! We can generate JSON code without having to learn JSON.

---

## [Reorder Feature](https://community.glideapps.com/t/reorder-feature/69409)

<div class="topic-metadata">

**Author:** [@Dilon\_Perera](https://community.glideapps.com/u/Dilon_Perera)\
**Replies:** 0\
**Last updated:** [January 9, 2024, 1:07pm UTC](https://community.glideapps.com/t/reorder-feature/69409 "2024-01-09T13:07:52Z")

</div>

Hello Everyone, I hope you guys are doing well! Also it’s late, but Merry Christmas and a Happy New Year! So today I found a great method for reordering. It was inspired by one of the client called Trung. It’s for exer…

[Previous page](https://community.glideapps.com/c/resources/24.md?page=6)

[Next page](https://community.glideapps.com/c/resources/24.md?page=8)
