making a transparent botton bar

making a transparent botton bar

  

Hi,

Im making a mobile app and I want the bottom bar to be transparent instead of a coloured one.Attached the screenshot of what i want. how can I get this look?

Hi hafsa,

You didn't attached any file to your post..

Cheers,

Henrique Batista wrote:

Hi hafsa,

You didn't attached any file to your post..

Cheers,

Hi Henrique,

Here is the screenshot. Yes, I forgot to attach.

I think you have 2 alternatives here.

  • Either you change the layout (Outsystems standard layouts have the bottom bar below the Content), so you can place the bottom bar at the bottom of the content but on top of it. Then you need to add some css, something like:
    • .bottom-bar-wrapper {
          background-color: rgba(255, 255, 255, 0.1); }
    • Then you define your .content background image and it should do the trick.
  • Alternatively, you can set both transparent and set the background image on the entire screen
    • Add the same css .bottom-bar-wrapper {
          background-color: rgba(255, 255, 255, 0.52); }
    • Set the content transparent and define the background image on the class screen (not on the content class)

Let me know if it worked.

Cheers