Adding Logo along with the Page Title in Build Apps

[souvikroy]

I need to add logo on the title of the application which is developed using SAP build apps. I could not find any option for adding image there.

is it possible to add logo/image on the Page Title in SAP Build Apps? If yes, can you please provide some details.

[Venkat_Vyza · Accepted solution]

Hi @souvik.roy2,

1. Add a Container above the Title

2. Drag an Image component into that Container.

3. Click on the Source field of the Image and upload your image.

Thanks,

Venkat Vyza

[souvikroy · Accepted solution]

Hi venkat_vyza ,

I tried this approach already but the challenge I am facing is, I am not able to hide the default Page title bar.

I created a row container and showed the image/logo and text elements( Title of the application) side by side. It shows the logo but I could not find any option to remove/hide the default title bar.

[Venkat_Vyza · Accepted solution]

Please provide the print screen of the one that you are unable to remove.

Normally, to remove any component we can just click on x.

Thanks,

Venkat Vyza

[Venkat_Vyza · Accepted solution]

Hi @souvik.roy2,

That's called Heder bar.

To disable that, go to Navigation tab and select "Navigation header bar". On the right side pannel, select "Enabled - no'.

Now, go and launch your app. That will be gone.

But it does not look good 🙂

So, you will have to build Custom Navigation.

The below documentation helps you

Navigation | SAP Help Portal

Please mark the answer as correct if it's helpful to you.

Thanks,

Venkat Vyza

[ReenaWadhwa]

Hi Souvik,

There can multiple ways to add logo in the title of Build Apps page. You can use image list item to should image as well as title. You can also put image and text elements in a row container to show them side by side.

I hope this helps.

Reena

[souvikroy]

Hi Reena,

I created a row container and showed the image/logo and text elements( Title of the application) side by side. It shows the logo but I could not find any option to remove/hide the default title bar.

[ReenaWadhwa]

Hi Souvik,

You can delete the title component from the page.Use the cross on top right corner when you select it.

Reena

[souvikroy]

Hi Reena / venkat_vyza

Please find the attached image, how it appears in preview. The top section needs to be removed. There is no component in the Build editor for it.

The top section comes from the Page Layout I guess.

[ReenaWadhwa]

I think you have answer from Venkat. It is Header bar.

Regards,

Reena