Unable to position image in page footer?

[Former Member]

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>

[PMarti · Accepted solution]

hi Deepan, check this Example

[Former Member · Accepted solution]

Hi,

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

[Former Member · Accepted solution]

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 · Accepted solution]

Thanks fixed my issue.