SAP MDK Page + Can I remove the header of a page or change its background color?

[itsumerfarooq]

Hi Experts,

The client requirement is to remove the MDK page header altogether and expand the content till top? We did not find any possibility in properties or styling.
We are using both MDK Extension page and Section Page.

Also, if there is a possibility to change the background color of page header?

please suggest?

[ChandanSingh]

Hi

I was looking to implement the same thing. I know it is an old post, so just adding what I implemented as it might help someone else. Although, I am not sure if this is the recommended way. I ended up implementing an extension. In the method view(), I added this code this.page().actionBarHidden = true.

In addition to above, in my  navigation action I set ModalPageFullScreen and ModalPage as true. This works for the scenario I am implementing. 

[bill_froelich]

For both the Extension Page and Section Page you cannot remove the action bar altogether, but you can style the background color of the action bar in the Styles.less if desired. If you are creating an extension you could also have your extension render it's own "page" where you would have full control but it would not be "integrated" into the MDK navigation stack. So it will depend on your requirements as to what you do.

[itsumerfarooq]

Hi Bill,

Thank you for the update.

1- Could you please share the name of a style class for an Action bar where we set the background-color in Styles.less?

2- My understanding is that in MDK you always have to start with a page either Section, Extension, Bottom Navigation etc. How can I create an extension component that fits without an MDK page and renders on its own? Could you please share any example?

Thank you for all the support.

[bill_froelich]

1. You can add the ActionBar style class to your Styles.less.

2, From a normal MDK page perspective yes. However you also have the ability to create plug ins that can be instantiated from a rule that can do just about anything. I do not have any examples for creating a "native page" to share at this time.