List of all features needed before CSS BAN

Feature Requests
1

Hi Gliders,

On this thread we can make a list of all the simple yet important features that are achieved only by CSS, so maybe Glide can add them before imposing a ban on CSS.

My list is:

  1. Colorful texts
  2. Colorful buttons
  3. More than 4 horizontal tiles on inline lists

You all can add yours as well

2

My top reasons for using CSS:

  • hiding back button
  • reconfiguring of inline list fields (especially the card layout)
  • making components sticky to top/bottom of screen
  • manipulating the comments component to provide a more chat-like experience
  • making video component “inline” and not full width
  • adding badge/counts on top of inline list tiles or tab icons
  • creating a modal overlay on a screen that forces a user to click a button before viewing content on that screen
  • more than 4 columns for inline list > tiles
  • choice component: scrolling chips (not stacked); making a choice component sticky so it can act like a screen filter
10 Likes
3

Hiding back button is critical

2 Likes
4

And nice looking tables. This feature request seems to go back to at least Oct '20

It comes from this thread: Expand 'Image' and 'Title' component to edge of screen - #30 by ThinhDinh

image
image783×426 52.3 KB

1 Like
5

This list covers everything I’ve ever done with CSS.

6
  • resizing and positioning elements (fixed, absolute, and relative)
  • multiple column tables, as list
  • visibility based on user screen size
  • fonts color, size, and type for all elements
  • changing components backgrounds, borders, shadowing
  • on click and on hoover reactions
  • arranging multiple components horizontally, for desktop view
2 Likes
7

An update:

2 Likes
8

Like renaming the target element?

9

Altering the components size,button size to small,table size, provide colour change to all components,button bar progressing image like in button click.

10

A few things I listed in the app made with @grumo
Some have already been mentioned.
I’m also adding a visual to clarify the end result.

  • pin components (buttons, stopwatch, hint …) to the bottom of the screen
  • a smaller / more configurable stopwatch
  • allow to hide the tab navigation on specific / modal screens
  • display rich text and image components as cards so it looks more tappable

image
image882×1748 76.6 KB

image
image900×1778 153 KB

image
image844×1716 95.8 KB

2 Likes
12

We made such an awesome app for such a good cause! It will be sad to see some of the functionality die when CSS is removed. I really hope the Glide team come come up with some native alternatives. Please! :pray:

1 Like
13

We use CSS to make our apps make better use of real estate on a desktop, and appear less like a phone app on a desktop. Example: this is a detailed view with an inline list and a single record view depending on the user selection with some CSS manipulation.

image
image1920×1109 61.2 KB

Given the existence of Pages I’m sure it’s not a use case that is of top priority. But it was certainly nice alternative for us specifically.

So my unlikely feature would be: improved layout options for desktop view in Apps :slight_smile:

NB: My understanding is that CSS feature is not being disabled, just that the way we target elements may no longer work because the structure of the page will be changing in the next couple of weeks. So I’m hoping once the CSS structure settles down we’ll be able to re-create our existing views. But if they have dynamic class names that may not be possible.

3 Likes
14

Feels doable!

15

Looking to see if anybody has some CSS ideas on how to reformat progress bars from

image
image1170×2532 90.2 KB

To something more like this:

image
image1170×539 29 KB

Main parts being moving the bottom text to the right side of the bar as I figured out how to shorten the width of the bars adjusting the margin.

Thanks!