cancel
Showing results for 
Search instead for 
Did you mean: 

Unable to position image in page footer?

Former Member
0 Kudos

Hi all,

I have placed an image (purple color) in the page footer.

When i try to use the following code to align in center it doesn't change.If i use flexbox within panel it gets aligned to center but i dont want the grey shade panel backgound.I tried to apply via css too but failed.Please help me.


<footer >

  <Toolbar>

        <content >

          <FlexBox alignItems="Center" justifyContent="Center">

          <items>

            <Image src="images/logobar.png" height="54px">

            </Image>

          </items>

          </FlexBox>

        </content>

     </Toolbar>

  </footer>

View Entire Topic
PMarti
Active Participant
0 Kudos

hi Deepan, check this Example

Former Member
0 Kudos

Hi,

Thanks, But still the image is in left i want it to be aligned in center.

Former Member
0 Kudos

Hello Deepan,

You could also use ToolbarSpacer in order to center an item in a toolbar.

Here you can see example with XML View - OpenUI5 Explored

And here is the JSBin example with JS View - JS Bin

Best,

Deyan

Former Member
0 Kudos

Thanks fixed my issue.