Star Rating Reviews & Detailed Form - Single Cell - No sign-in option

Community Resources
21

I don’t have any more tips really. The loading time is better on subsequent attempts to load because Glide has cached the images. On your first try, the device has to load all images presented on the first screen, so it takes more time.

Maybe one tip is to move another tab that has fewer images to the first position on the left.

2 Likes
22

hmmm… I’ll test this idea! :+1: I didn’t realize the initial screen impacted the time. Thought the app tried to load everything at one.

2 Likes
23

Having a lot of unused CSS in a file can slow down your application by increasing page load time, file size, rendering time, and memory usage.

1 Like
24

Right. I make sure to keep it clean :+1:

25

I added a light front page and it works on mobile but on pc, the heavy page still opens first. Is there away to change this?

*Nevermind, I was using an old link :sweat_smile:

**The new front page shaved off 3-5 seconds so that’s progress :raised_hands:
Can i hide the nav bar for this page only?

26

Yeah, I think you can do that. But does it still load that as the first page? I haven’t tried it.

1 Like
27

How do I remove this part but still have it visible on the other screens?

Screenshot_2024-06-08-15-19-12-676_page.glide.hiptnt-edit
Screenshot_2024-06-08-15-19-12-676_page.glide.hiptnt-edit1220×2712 199 KB

28

You need to have class names given to components that only exist on your Home Screen.

29

ok. I have all the components within a container. The current class is full-container:

.full-container {
height: 100%;
background-color: #000000;
}
30

You need CSS to hide the bottom tab bar

31

If I add:

/* Hide bottom tab bar */
.tab-bar {
  display: none;
}

Will this work? So far I’ve had no luck.

how are two classes written in here?
image

full-container, tab-bar
?
you guys are being cryptic today :rofl:

32 
#page-root:has(.full-container) .has-tab-bar > div:last-child {
display: none;
}
1 Like
33

this worked! Thanks @Himaladin :blush:

one sec…what would cause it to work in the editor but not on the installed mobile device?

1 Like
34

It’s actually working on my test app but not on my published app… strange.

35

There may be a time delay problem for publication. Close your builder and reopen, usually works.

36

ok

37

I’ll wait a while to see if it kicks in…
When I click “Preview CSS” , it appears to be working but with compiled CSS it is no longer enabled. Is that normal?

38

Keep the compiled CSS button always in the off position, or you will lose your CSS functionality.

1 Like
39

ooohhh ok!!

Maybe this is why I had trouble getting some CSS to work in the past :sweat_smile:
Strangely, most of our tinkering worked while it was in the “on” position.

40

Is it working now?

1 Like