Change color of text and icons, hide only sync icon, change margin or use space/whiteline

AppSheet AppSheet Q&A
1

Hi,

I have some questions on the screenshots. Who can help me? Thank you!

3X_3_2_32d4d10497b19cd7d9436378c0630f0f016030e1.jpeg
3X_3_2_32d4d10497b19cd7d9436378c0630f0f016030e1.jpeg493×659 51.9 KB

3X_a_6_a64c8f58a9dced6e35a7c5f521777e029e83199a.png
3X_a_6_a64c8f58a9dced6e35a7c5f521777e029e83199a.png376×691 78.1 KB

3X_7_6_76fbbedcb4bf25b7570083355aff7869db4658c0.jpeg
3X_7_6_76fbbedcb4bf25b7570083355aff7869db4658c0.jpeg372×683 72.7 KB

2

Hmm. You’ve got an old version of the Appsheet layout. I’m not real sure how to get it updated to the newest “look and feel”. Maybe it’ll be automatic once you start making changes. But if it does, that’ll move the Sync button to the upper right, and Share will move to the hamburger menu.

3X_d_8_d867279757cf231b8ae31349729387acee318ca8.png
3X_d_8_d867279757cf231b8ae31349729387acee318ca8.png319×595 11.4 KB

Check out UX->Brand in the editor for options to change the color and background of those Primary views on the bottom, as well as overall app color.

You can specify colors for specific column text or actions button via UX->Format Rules

You can’t change margins, or action button sizes.

You can make your header image smaller by editing the image file and increasing the whitespace or transparent-space around the actual image. This will effectively increase the margins around it. Here’s a quick screenshot example I did just now (super quick and dirty just to provide visual explanation), change from left to right.

3X_9_1_916b6d00c638865fe27d5bf812f92e8bfad92781.png
3X_9_1_916b6d00c638865fe27d5bf812f92e8bfad92781.png694×482 104 KB

3 Likes
3

3X_3_a_3a13a203a482785e534517df843d0a9605a74271.png
3X_3_a_3a13a203a482785e534517df843d0a9605a74271.png637×629 47 KB

3X_e_f_ef7e391c35d09a92162782716b03820064ab41b7.png
3X_e_f_ef7e391c35d09a92162782716b03820064ab41b7.png792×417 32.9 KB

2 Likes
4

thanks for your really fast reply
i have new version just i turned off ‘Allow five views in the bottom…blabla’ option, because i would like to take share action on the footer. I didnt find share action under Behavior… so now i trying to turn off sync icon. And I would like to hide the many many sync process from public users.

Yes, I checked UX->Brand option and I use ‘colored’ option. Maybe the form’s buttons doesnt part of the footer… yes its of course not
Okay, so on the form view the footer high=0px and the form buttons appear and I can’t color and use icon on form’s buttons. Is it true?

Can I change color of footer’s active view background?

5

Peter_Jambrik:

because i would like to take share action on the footer. I didnt find share action under Behavior… so now i trying to turn off sync icon. And I would like to hide the many many sync process from public users.

There is now way to present a Share button without also displaying the Sync button. No matter what you do, there will always be a sync button n the screen, it’ll just be in a different location.

Peter_Jambrik:

Maybe the form’s buttons doesnt part of the footer…

Form buttons are not part of the footer.

Peter_Jambrik:

Okay, so on the form view the footer high=0px and the form buttons appear and I can’t color and use icon on form’s buttons. Is it true?

Correct.

Peter_Jambrik:

Can I change color of footer’s active view background?

Not beyond the options available in UX >> Brand:

3X_a_0_a07dd6707324c3af7fa3492c1c89fe0aba9b70c3.png
3X_a_0_a07dd6707324c3af7fa3492c1c89fe0aba9b70c3.png305×219 7.5 KB

1 Like