# Need Help Showing Real-Time Upcoming Class **URL:** \ **Category:** Ask for Help\ **Created:** [April 30, 2025, 7:38pm UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636 "2025-04-30T19:38:05Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Hossam\_Elmaache](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hossam_elmaache/32/86453_2.png) [@Hossam\_Elmaache](https://community.glideapps.com/u/Hossam_Elmaache)\ **Post date:** [April 30, 2025, 7:38pm UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636/1 "2025-04-30T19:38:05Z")
Hi! I’m building a student app in and I want to display a notification-style card that always shows the next upcoming class, can someone please explain it step by step what can I do, I’m m kinda clueless ---
**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\ **Post date:** [April 30, 2025, 8:46pm UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636/2 "2025-04-30T20:46:23Z")
You might need to define the dates of classes (see Basic Columns) and then visibility conditions based on these dates (see Visibility Conditions). [Basic Columns](https://www.glideapps.com/docs/essentials/basic-columns) [Visibility Conditions](https://www.glideapps.com/docs/reference/user-experience/visibility-conditions) ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 1, 2025, 12:29am UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636/3 "2025-05-01T00:29:27Z")
An idea for you ! Why not using a notification center (kinda)? > **[Glide Ai Library](https://ailibrary.glide.page/dl/da19fa/s/3e72f5/r/4lGUqZXyTbmkJDJqQMdh9w)** > [@Notification Bell Icon with Unread Message Counter](https://community.glideapps.com/t/notification-bell-icon-with-unread-message-counter/81156): > > Notification Bell Icon I did something with @Atom a few months ago that shows a notification bell icon in Glide apps. Setup Resources [Original discussion thread](https://community.glideapps.com/t/css-to-get-a-component-on-top-of-the-desktop-nav-bar/78283/8)play_button Original discussion thread [AI Library](https://ailibrary.glide.page/dl/da19fa/s/3e72f5/r/4lGUqZXyTbmkJDJqQMdh9w)Implementation Steps 1. Data Structure Create a notification count column in your users table that will store the number of unread notifications. 2. Configure Bell Icon In the bell icon button component, set the title of the action to reference your notification count user column: T… ---
**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\ **Post date:** [May 1, 2025, 12:31am UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636/4 "2025-05-01T00:31:14Z")
Or something like this ? > [@Reusable AI Hint Component with Engaging Visual Effects](https://community.glideapps.com/t/reusable-ai-hint-component-with-engaging-visual-effects/81596): > > I’ve created a reusable custom AI component that provides helpful and engaging hints. It allows you to display attractive messages in your applications. Features include glitching text on failure, appealing moving dots on warning, a shining card effect, and randomly appearing stars on new. Info icons pop up for info messages. Two call-to-action buttons are available. You can customize the card type to one of the following: warning info new failure It also features customizable tag labels. [… ---
**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:** [May 1, 2025, 12:34am UTC](https://community.glideapps.com/t/need-help-showing-real-time-upcoming-class/81636/5 "2025-05-01T00:34:32Z")
Do you mean something like a container/card that is always visible in your Home page? You can have a custom collection pointing to the list of classes, then limit to show only 1 item, filter by “date” is on or after today (so only upcoming ones are considered), and sort by date being earliest to latest. By doing so, only the next upcoming class will ever be shown, and you can design your custom collection “card” the way you like.