Question Re: SAP MDK Title/Sections in Technology Q&A

SAP MDK Title/Sections

age0110_ — Fri, 11 Apr 2025 02:41:36 GMT

Hi Community,

I am trying to create sections within my app, something like a big title and then following controls to be indented or at last without empty margin/padding to show really clear controls underneath are part the the section..

So far I have used Header object which works well if you added at the beginning of the page and you have only 1 more control underneath since following control you add is nicely indented without extra grey padding between them. However if I do the same thing after( for instance a new Object Title below the last control ) then there is no indentation and following control is separated by a grey area. I know that each control can have each own heading but what I am looking for is more like a section big title kind of heading that shows really clear the following controls are part of that title/section and ideally they should be indented or at least do not have the grey separation area between each control... Please advice what is the best practice here..

Re: SAP MDK Title/Sections

bill_froelich — Tue, 15 Apr 2025 14:22:40 GMT

Some screen shots would be helpful in understanding what you have done so far.

It sounds like what you want is to add a Header to each section of controls. MDK supports both a Header and Footer for sections. You can find them in the BAS editor under the Section Bar group in the Controls palette. Just adding the header will give you a caption property. Instead of using the caption you can use an Icon, Label or Button. The header supports one item (Icon, Label or Button) on the left and one on the right. You can see examples in our What's New blog from when we introduced this feature.

Re: SAP MDK Title/Sections

age0110_ — Wed, 16 Apr 2025 05:42:45 GMT

I guess what I meant is what is the best way to group things together in sections, for instance have a section/Title 1 that might have 2 controls underneath and each control might have it's own subtitle. I have tried to use Object header as a title for each section( please advice if this is the best way to have title sections). Once I used Object header at the top the control underneath is nicely indented without grey space so the control looks part of the section/title however if I add another control after then there is always a grey area added even if I switch off all padding options. Then if I add an extra Object header to create a new section there is an extra grey area between this and the next control which was not there on the top Object header.

As a general idea it will be good if we can use CSS to remove padding/margin between components so for instance section components can stick together without gaps, for example header>next components or between 2 formcells( one with 3 divisions and another with 2) ... See my example below:

Re: SAP MDK Title/Sections

bill_froelich — Thu, 17 Apr 2025 14:19:50 GMT

MDK already supports removing the grey separators on iOS. You will need to add header/footers to the sections and then set the UseTopPadding and UseBottomPadding to false

Re: SAP MDK Title/Sections

bill_froelich — Thu, 17 Apr 2025 14:47:11 GMT

Here is a quick mockup of your example. I would probably not recommend Object Headers for the section titles due to the fact that we don't support removing the grey separator after the header when used in the page. My example uses a Static Object Table for Title Section 1 and I have added footers and headers (also turned of various separator lines) to remove the grey space between sections. Title Section 2 is an Object Header for comparison. I did not use and custom styles in creating this it is the defaults for everything.

Re: SAP MDK Title/Sections

age0110_ — Mon, 23 Jun 2025 04:08:10 GMT

Thanks, that is what I have endup doing, using static Object table.

Re: SAP MDK Title/Sections

age0110_ — Mon, 23 Jun 2025 04:09:16 GMT

Thanks bill for confirming