# \#custom-code **URL:** https://community.glideapps.com/tag/custom-code/24.md [Latest](https://community.glideapps.com/latest.md) · [Categories](https://community.glideapps.com/categories.md) · [Tags](https://community.glideapps.com/tags.md) --- ## [Web Embed Component No Padding, Fullscreen](https://community.glideapps.com/t/web-embed-component-no-padding-fullscreen/87602)
**Author:** [@Sekayi\_Liburd](https://community.glideapps.com/u/Sekayi_Liburd)\ **Replies:** 1\ **Last updated:** [September 29, 2026, 5:14am UTC](https://community.glideapps.com/t/web-embed-component-no-padding-fullscreen/87602 "2026-09-29T05:14:26Z")
Hi guys! I have been able to adjust the Web Embed component padding using this code. I also removed the top and bottom navigation but you can remove that part and adjust your margins to suit if you like. I hope it helps … --- ## [Alter Submit Button in a Form Container](https://community.glideapps.com/t/alter-submit-button-in-a-form-container/87024)
**Author:** [@mustangTC](https://community.glideapps.com/u/mustangTC)\ **Replies:** 8\ **Last updated:** [May 9, 2026, 6:13am UTC](https://community.glideapps.com/t/alter-submit-button-in-a-form-container/87024 "2026-05-09T06:13:34Z")
Good morning hivemind! Can one of you technical wizards tell me if it is possible to change the word “Submit” on the form container submit button to say something else like “Next Section”? Maybe some CSS trickery or som… --- ## [Allow Web Share in Iframes JavaScript and AI Component](https://community.glideapps.com/t/allow-web-share-in-iframes-javascript-and-ai-component/79001)
**Author:** [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Replies:** 4\ **Last updated:** [January 26, 2026, 3:17pm UTC](https://community.glideapps.com/t/allow-web-share-in-iframes-javascript-and-ai-component/79001 "2026-01-26T15:17:23Z")
Please consider enabling the allow=“share” attribute for iframes in Glide. This would allow seamless sharing from embedded content, enhancing JavaScript columns and AI components. I understand potential security concern… --- ## [💡 Using notranslate to Prevent Automatic Translation in Specific Components](https://community.glideapps.com/t/using-notranslate-to-prevent-automatic-translation-in-specific-components/85797)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 0\ **Last updated:** [December 26, 2025, 8:49am UTC](https://community.glideapps.com/t/using-notranslate-to-prevent-automatic-translation-in-specific-components/85797 "2025-12-26T08:49:07Z")
I recently remembered a simple but very useful trick: adding the notranslate class to a component’s custom class. This helps prevent automatic translators from modifying text inside that component, including text expose… --- ## [Allow “CSS Class Name” Field to Be Bound to Data](https://community.glideapps.com/t/allow-css-class-name-field-to-be-bound-to-data/84977)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 3\ **Last updated:** [December 24, 2025, 12:53am UTC](https://community.glideapps.com/t/allow-css-class-name-field-to-be-bound-to-data/84977 "2025-12-24T00:53:16Z")
I suggested this idea back when Glide.app switched to Glide.page, but I can’t seem to find that old thread anymore. It would be awesome if the “CSS Class” field could be bound to a column in the Glide Table — this would… --- ## [🛠️CSS Hack: Custom Icons](https://community.glideapps.com/t/css-hack-custom-icons/84586)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 15\ **Last updated:** [December 14, 2025, 10:54pm UTC](https://community.glideapps.com/t/css-hack-custom-icons/84586 "2025-12-14T22:54:30Z")
If you want to use your own SVG icons—on buttons, icons, or other elements—you can set your SVG as the element’s background and hide the original \ to avoid overlap. This lets you apply any custom icon with your pref… --- ## [🔥 Advanced CSS Hack: Dynamic CSS in Glide 3 - Badge Navigation via User Image URL Fragment](https://community.glideapps.com/t/advanced-css-hack-dynamic-css-in-glide-3-badge-navigation-via-user-image-url-fragment/85688)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 2\ **Last updated:** [December 14, 2025, 5:21am UTC](https://community.glideapps.com/t/advanced-css-hack-dynamic-css-in-glide-3-badge-navigation-via-user-image-url-fragment/85688 "2025-12-14T05:21:54Z")
No Richtext needed — everything runs on the avatar-URL fragment trick. CSS-only approach — UI reacts to hash fragments appended to the user avatar URL in the users table, displaying badge states accordingly. No extra HT… --- ## [🧠 CSS Hack: Dynamic CSS in Glide](https://community.glideapps.com/t/css-hack-dynamic-css-in-glide/85080)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 13\ **Last updated:** [December 11, 2025, 12:30am UTC](https://community.glideapps.com/t/css-hack-dynamic-css-in-glide/85080 "2025-12-11T00:30:22Z")
If you’ve been waiting for this feature request “CSS Class Name” Field bound to data, it’s still unclear when it will arrive. In the meantime, here’s a workaround that turns the Rich Text component into a CSS-controlled… --- ## [How can i apply for Glide Expert?](https://community.glideapps.com/t/how-can-i-apply-for-glide-expert/85667)
**Author:** [@Adebayo\_Similoluwa](https://community.glideapps.com/u/Adebayo_Similoluwa)\ **Replies:** 1\ **Last updated:** [December 8, 2025, 10:26pm UTC](https://community.glideapps.com/t/how-can-i-apply-for-glide-expert/85667 "2025-12-08T22:26:03Z")
Finding it difficult to apply --- ## [🔗 CSS Hack: Dynamic CSS in Glide 2 via URL Fragment](https://community.glideapps.com/t/css-hack-dynamic-css-in-glide-2-via-url-fragment/85613)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 2\ **Last updated:** [December 4, 2025, 12:43pm UTC](https://community.glideapps.com/t/css-hack-dynamic-css-in-glide-2-via-url-fragment/85613 "2025-12-04T12:43:09Z")
Use image URL fragments as lightweight, reliable selectors. I previously shared :brain: CSS Hack: Dynamic CSS in Glide — a method relying on Rich Text injection — and also using attributes already available in Glide: ht… --- ## [🔥 FREE AI Plugin](https://community.glideapps.com/t/free-ai-plugin/85368)
**Author:** [@xaviigna](https://community.glideapps.com/u/xaviigna)\ **Replies:** 2\ **Last updated:** [November 14, 2025, 2:28pm UTC](https://community.glideapps.com/t/free-ai-plugin/85368 "2025-11-14T14:28:05Z")
I’m excited to share a :sparkles:free AI plugin I built for everyone in the community. This tool lets you send any custom prompt to the AI model of your choice (OpenAI or Anthropic). You can plug in your API key, choo… --- ## [🔀 CSS Hack: Toggling Between Top Bar and Side Bar](https://community.glideapps.com/t/css-hack-toggling-between-top-bar-and-side-bar/84463)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 3\ **Last updated:** [November 14, 2025, 1:35pm UTC](https://community.glideapps.com/t/css-hack-toggling-between-top-bar-and-side-bar/84463 "2025-11-14T13:35:21Z")
Sharing a little CSS magic I’ve been working on! :sparkles: What if you could switch between a top navigation bar and side bar dynamically in Glide? --- ## [🎉 11.11 Special — Get $111 OFF to Publish Your Glide App to Android & iOS (Promo Code: glide111)](https://community.glideapps.com/t/11-11-special-get-111-off-to-publish-your-glide-app-to-android-ios-promo-code-glide111/85233)
**Author:** [@nokib03](https://community.glideapps.com/u/nokib03)\ **Replies:** 2\ **Last updated:** [November 3, 2025, 7:03pm UTC](https://community.glideapps.com/t/11-11-special-get-111-off-to-publish-your-glide-app-to-android-ios-promo-code-glide111/85233 "2025-11-03T19:03:52Z")
Hey Glide Makers! :waving\_hand: I’m Jebaul Nokib from the Nokib03 Team — we help Glide creators publish their apps to the Google Play Store and Apple App Store as fully native Android and iOS apps. To celebrate 11.11, … --- ## [🌘 CSS Hack: Switching Dark - Light Environment Mode](https://community.glideapps.com/t/css-hack-switching-dark-light-environment-mode/84978)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 0\ **Last updated:** [October 19, 2025, 10:17am UTC](https://community.glideapps.com/t/css-hack-switching-dark-light-environment-mode/84978 "2025-10-19T10:17:19Z")
This CSS trick successfully switches between Dark and Light environments inside Glide — tested directly in the DOM (not in the custom CSS field). I’m not sharing the full code here since it’s quite long, but the concept … --- ## [📑 CSS to only the show the title of the active tab (Tab component)](https://community.glideapps.com/t/css-to-only-the-show-the-title-of-the-active-tab-tab-component/84648)
**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Replies:** 3\ **Last updated:** [September 29, 2025, 6:50pm UTC](https://community.glideapps.com/t/css-to-only-the-show-the-title-of-the-active-tab-tab-component/84648 "2025-09-29T18:50:14Z")
.mobileTabs \[aria-selected=“false”\] \[class\*=“wire-tab-navigation-bar”\] { display:none; } --- ## [💡 CSS to turn Buttons into Titles with Icons](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583)
**Author:** [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Replies:** 3\ **Last updated:** [September 25, 2025, 11:37am UTC](https://community.glideapps.com/t/css-to-turn-buttons-into-titles-with-icons/84583 "2025-09-25T11:37:02Z")
.buttonAsTitle button { padding: 0 !important; font-size: 1.3125rem; line-height: 1.2; letter-spacing: -0.01em; pointer-events: none; margin-bottom: -10px; color: var(--gv-text-contextual-base ); } .buttonAsTitle svg… --- ## [Customize link preview?](https://community.glideapps.com/t/customize-link-preview/84585)
**Author:** [@Kellar](https://community.glideapps.com/u/Kellar)\ **Replies:** 1\ **Last updated:** [September 25, 2025, 2:35am UTC](https://community.glideapps.com/t/customize-link-preview/84585 "2025-09-25T02:35:18Z")
Hi folks, Is there a way to customize link previews? Currently, when I share a link to a specific page in the app, the preview just shows the app name, and I would like it to have the name of the page I’m sharing and p… --- ## [🖥️ CSS Hack: Custom Screen Size Control](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552)
**Author:** [@Himaladin](https://community.glideapps.com/u/Himaladin)\ **Replies:** 3\ **Last updated:** [September 23, 2025, 6:57am UTC](https://community.glideapps.com/t/css-hack-custom-screen-size-control/84552 "2025-09-23T06:57:18Z")
Sharing another small CSS tweak I’ve been experimenting with :sparkles: With this trick you can freely set different app widths on desktop or define a default width when the app first loads. #page-root:has(.unique-sc… --- ## [Changing the aspect ratio of a collection](https://community.glideapps.com/t/changing-the-aspect-ratio-of-a-collection/84317)
**Author:** [@Mark\_Bailey](https://community.glideapps.com/u/Mark_Bailey)\ **Replies:** 6\ **Last updated:** [September 14, 2025, 1:18am UTC](https://community.glideapps.com/t/changing-the-aspect-ratio-of-a-collection/84317 "2025-09-14T01:18:58Z")
Hey Fellow Gliders, I’m trying to change the aspect ratio of a collection and I’m struggling with the CSS. Can someone help me change the height of the collection images so they remain the same width but increase in he… --- ## [Customise Card Component](https://community.glideapps.com/t/customise-card-component/84232)
**Author:** [@kyem](https://community.glideapps.com/u/kyem)\ **Replies:** 2\ **Last updated:** [September 7, 2025, 9:39pm UTC](https://community.glideapps.com/t/customise-card-component/84232 "2025-09-07T21:39:07Z")
Hello, im looking to customise the container card variation component under the layout tab and also card designs for different things like the card list or table list under the collections tab --- ## [How do I randomly select a cell to show in my custom quiz?](https://community.glideapps.com/t/how-do-i-randomly-select-a-cell-to-show-in-my-custom-quiz/83194)
**Author:** [@JimmyLipper](https://community.glideapps.com/u/JimmyLipper)\ **Replies:** 1\ **Last updated:** [July 15, 2025, 11:26pm UTC](https://community.glideapps.com/t/how-do-i-randomly-select-a-cell-to-show-in-my-custom-quiz/83194 "2025-07-15T23:26:19Z")
I have a quiz set up: Quiz of People. It is tied to a google sheet "Q w Adjusted Cells", which has a random number column. I have a custom page set up “Quiz w Adjusted Cells”. On this page, there are 3 Components: Text… --- ## [MapBox Colour Coding Pins](https://community.glideapps.com/t/mapbox-colour-coding-pins/83092)
**Author:** [@Ulugbey\_Karagoz](https://community.glideapps.com/u/Ulugbey_Karagoz)\ **Replies:** 1\ **Last updated:** [July 10, 2025, 4:54pm UTC](https://community.glideapps.com/t/mapbox-colour-coding-pins/83092 "2025-07-10T16:54:52Z")
Is there way to colour code the pins based the data type we have on the table? I’ve seen some posts from 2021 but it doesnt feel the same. Any help is much appreciated. --- ## [Urgent Data Sync Issue: Conditions Not Reflecting in Glide App](https://community.glideapps.com/t/urgent-data-sync-issue-conditions-not-reflecting-in-glide-app/83033)
**Author:** [@Moshe](https://community.glideapps.com/u/Moshe)\ **Replies:** 2\ **Last updated:** [July 8, 2025, 1:13pm UTC](https://community.glideapps.com/t/urgent-data-sync-issue-conditions-not-reflecting-in-glide-app/83033 "2025-07-08T13:13:03Z")
I’m encountering a critical issue with my Glide application and suspect it might be a system-side problem. I’m experiencing a situation where data is not being entered or updated in my Glide app, despite the conditions I… --- ## [How can I change Color Theme?](https://community.glideapps.com/t/how-can-i-change-color-theme/82830)
**Author:** [@Oksana\_Partyka](https://community.glideapps.com/u/Oksana_Partyka)\ **Replies:** 11\ **Last updated:** [June 30, 2025, 12:56pm UTC](https://community.glideapps.com/t/how-can-i-change-color-theme/82830 "2025-06-30T12:56:38Z")
On most mobile apps, user can change color theme as user wants in settings. Now I want to switch color theme using toggle. How can do it? --- ## [Merging Multiple PDFs into a Single Image for AI Actions](https://community.glideapps.com/t/merging-multiple-pdfs-into-a-single-image-for-ai-actions/82713)
**Author:** [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Replies:** 1\ **Last updated:** [June 25, 2025, 12:59am UTC](https://community.glideapps.com/t/merging-multiple-pdfs-into-a-single-image-for-ai-actions/82713 "2025-06-25T00:59:08Z")
Hey Gliders! It’s me again, bringing you another creative use case. This time: merging multiple PDFs into a single image so you can use it with an AI action in Glide. This technique helps reduce update usage and ensures… --- ## [How to pass data from details screen table to custom CSS card collection actions?](https://community.glideapps.com/t/how-to-pass-data-from-details-screen-table-to-custom-css-card-collection-actions/82635)
**Author:** [@thebear](https://community.glideapps.com/u/thebear)\ **Replies:** 2\ **Last updated:** [June 21, 2025, 12:41am UTC](https://community.glideapps.com/t/how-to-pass-data-from-details-screen-table-to-custom-css-card-collection-actions/82635 "2025-06-21T00:41:37Z")
Hi Glide community! I’m working on a calendar event details screen and could use some guidance on a data flow challenge. Current Setup: I have a details screen for calendar events (main table: Events) At the bottom, I… --- ## [🌍 Native multilingual support without duplicating columns](https://community.glideapps.com/t/native-multilingual-support-without-duplicating-columns/81606)
**Author:** [@Alexis-Driing](https://community.glideapps.com/u/Alexis-Driing)\ **Replies:** 3\ **Last updated:** [June 5, 2025, 10:39am UTC](https://community.glideapps.com/t/native-multilingual-support-without-duplicating-columns/81606 "2025-06-05T10:39:11Z")
Hi everyone :waving\_hand:, I wanted to share an idea that could really simplify the way we manage multilingual apps in Glide. Today, when we want to create an app in multiple languages, we have to duplicate every text … --- ## [🔥 Color Your Calendar: Custom Heat Map with 3 Stunning Accent Colors! 📅✨](https://community.glideapps.com/t/color-your-calendar-custom-heat-map-with-3-stunning-accent-colors/82114)
**Author:** [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)\ **Replies:** 4\ **Last updated:** [May 30, 2025, 3:47pm UTC](https://community.glideapps.com/t/color-your-calendar-custom-heat-map-with-3-stunning-accent-colors/82114 "2025-05-30T15:47:16Z")
What is a Heat Map Calendar? This guide will walk you through adding a Heat Map Calendar to your Glide app. HOW TO (3 EASY STEPS) STEP 1: COPY THE CODES • Use a one-row table or the user table if signed in. • Copy… --- ## [How to parse CSV into a collection](https://community.glideapps.com/t/how-to-parse-csv-into-a-collection/82198)
**Author:** [@Maazsaeed](https://community.glideapps.com/u/Maazsaeed)\ **Replies:** 19\ **Last updated:** [June 2, 2025, 2:36pm UTC](https://community.glideapps.com/t/how-to-parse-csv-into-a-collection/82198 "2025-06-02T14:36:34Z")
Each of the column inside my row has this data which is parsed from a csv file as shown in the image Now, I want to make these seperate objects like How can I do this such that it will become like a collection … --- ## [Cannot Filter Custom Collection Based on a Computed Column](https://community.glideapps.com/t/cannot-filter-custom-collection-based-on-a-computed-column/82133)
**Author:** [@Patricio\_MK](https://community.glideapps.com/u/Patricio_MK)\ **Replies:** 8\ **Last updated:** [May 31, 2025, 1:26am UTC](https://community.glideapps.com/t/cannot-filter-custom-collection-based-on-a-computed-column/82133 "2025-05-31T01:26:32Z")
Hello, I have a custom collection, with a rich text component inside, that has some HTML. I’m trying to filter based on an IF then Else column, works with a native collection but not with custom ones. I can’t figure th… [Next page](https://community.glideapps.com/tag/custom-code/24.md?match_all_tags=true&page=1&tags%5B%5D=custom-code)