Beautiful Design App

I noticed, I was trying to understand how you built the notification page, but I think its just as simple inline list with user specific columns, right?

I’m not going to miss anything tricky am I

1 Like

Kind of. Not that simple, because in that app I was collecting infos from many parts of the apps, thats why wasnt that simple. But once you have user email related and you can filter by this

3 Likes

In my case it’s simply a list of rows from a Comments sheet. It’s marked “read” to a user-specific column when the user clicks it.

2 Likes

9 Likes

This looks great Lucas!

One question: how did you get the top-banner to be a picture “on top” or “behind” the Title picture?

1 Like

2nd code in this topic

2 Likes

Wicked! Thank you!

1 Like

Como le puso su foto alli

Very cool!! Thanks for sharing

Looking good

Screenshot 2021-06-14 at 13.54.00

I’m curious, is there a way to apply this CSS globally without having to add the same rich text component to every tab?

2 Likes

As far as I aware there isn’t one.

2 Likes

I really need this compact design Bob - care to share the trickery?

1 Like

The one with the button in the title?

Yep

I think this is the one (I’m away from my computer at the moment).

<pre><span><style>
[data-test="app-summary"] {
margin-top: -90px;
}

[data-test="glide-app-bar"] :nth-child(1) {
background: transparent !important;
}

[data-test="glide-app-bar"] >* {
    backdrop-filter: blur(0px);
    background:transparent;
    -webkit-backdrop-filter: blur(2px);
    }

#app-root div[opacity='1'] {
      color: transparent; 
    }

[data-test="app-summary"] >:nth-child(1) {
height: 150px !important;
}
5 Likes

That’s great help, tinkering with it now

The trick is to make a template column in the sheets you reference (or in your sheet named as the ‘User Profile’ as you can always reference these values (mostly) ) and put your CSS in the template.

Yep, already doing this.

Just have to add the component to all pages and it doesn’t work on Non-Detail Views where it’s not possible to add components.

2 Likes

Edit: the client didnt keep with the app, but the design is still really cool!

11 Likes

Love this:
Screen Shot 2021-06-14 at 11.24.25 PM

2 Likes