SAP MDK Title/Sections

[age0110_]

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..

[bill_froelich]

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.

[age0110_]

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:

[bill_froelich]

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