CSS with *New* Glide

@Darren_Murphy Tagging Darren since I used his methodology.

I am moving an App from Glide Classic to the Glide Apps style and upgraded to Business. I use a CSS style to create business Scorecards in Classic like the following:

Basically I have one RTF for the ‘prefix/style’ per TAB and then all the rest of the scorecards on this tab use this style to display the Table/Scorecard.

( <pre> <span> <style>  div.paleBlueRows { font-family: "Verdana",Verdana, sans; border: 3px solid #0F0F0F; width: 100%;  height: 50px;  text-align: center;  border-collapse: collapse;} )

How does this work in Glide Apps? Where should the CSS style go to be used by the other RTF?

I am displaying about 5 scorecards per screen/tab along with collections/in-line lists and charts to provide context for each Table/Scorecard. For example:

TIA

Matt

You could put the css under settings → appearance → custom css. FYI you’ll need business or higher for css to work in New Apps. Alternatively it looks like you could generate the same tables with HTML :wink:

Answering my own question (also I spent way too much time looking info on this topic on Youtube/Community and was saved by @JackVaughan and this article/video - Custom CSS)

Go to Settings/Appearance/Custom CSS and paste in the “Classic” CSS code WITHOUT the

   info.

Voila.

I still know nothing about CSS but this worked…baby steps.

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.