SAP MDK Font-Style for iOS - change Font size?

[age0110_]

Hi Community,

I am trying to change the Font size on different MDK controls however nothing seems to work.

Based on the documentation we should be able to use CSS attribute font-style: UIFont.textstyle however I am not able to find any place where it mentions what are the valid values under that type? I have found an Apple documentation that has some constants like "extraLargeTitle" however that doe not seem to work on a simplepropertycell or objectheader title that I tried.

Could you please advice the possible values for that CSS attribute and if it is possible indeed to change the font type/size on iOS devices ?

Thanks!

[bill_froelich]

Can you give an example control where you are trying to change the font size?

[age0110_]

Thanks Bill, for instance I am trying to change the font size on SectionHeaderItem.Label, GridRowItem or ObjectHeader so I am trying to find out what the possible values for UIFont.texstyle in iOS. I have tried italic( this comes up as possible value in the editor) and also different options from https://developer.apple.com/documentation/uikit/uifont/textstyle which I would think is compatible with? but ether seem to work for me. I have also tried font-color and color and didn't work for iOS neather.

I am also trying to change background of the objectCell on selection or at least first just change the background color to proof it can be done somehow dynamically later but as per of my example below that didn't work nether..

As example:

{

    "Controls": [

        {

            "FilterFeedbackBar": {

                "ShowAllFilters": false,

                "_Type": "Control.Type.FilterFeedbackBar"

            },

            "_Type": "Control.Type.SectionedTable",

            "_Name": "SectionedTable0",

            "Sections": [

                {

                    "Separators": {

                        "TopSectionSeparator": false,

                        "BottomSectionSeparator": true,

                        "HeaderSeparator": true,

                        "FooterSeparator": true,

                        "ControlSeparator": true

                    },

                    "_Type": "Section.Type.ObjectTable",

                    "_Name": "SectionObjectTable0",

                    "Header": {

                        "_Type": "SectionCommon.Type.Header",

                        "_Name": "SectionCommonTypeHeader0",

                        "AccessoryType": "None",

                        "UseTopPadding": true,

                        "Caption": "Caption",

                        "Items": [

                            {

                                "_Type": "SectionHeaderItem.Type.Label",

                                "_Name": "SectionHeaderItemTypeLabel0",

                                "Visible": true,

                                "Position": "Left",

                                "Title": "Label",

                                "Styles": {

                                    "Label": "labelSize"

                                }

                            }

                        ]

                    },

                    "Visible": true,

                    "EmptySection": {

                        "FooterVisible": false

                    },

                    "ObjectCells": [

                        {

                            "ObjectCell": {

                                "ContextMenu": {

                                    "PerformFirstActionWithFullSwipe": false

                                },

                                "_Type": "ObjectTable.Type.ObjectCell",

                                "_Name": "bugtest",

                                "Title": "Title",

                                "Visible": true,

                                "Selected": false,

                                "Subhead": "Subhead",

                                "Footnote": "Footnote",

                                "Description": "Description",

                                "DisplayDescriptionInMobile": true,

                                "StatusText": "Status",

                                "SubstatusText": "Substatus",

                                "AccessoryType": "None",

                                "PreserveIconStackSpacing": true,

                                "Styles": {

                                    "Title": "backgroundchange",

                                    "Subhead": "backgroundchange",

                                    "Description": "backgroundchange",

                                    "Footnote": "backgroundchange",

                                    "StatusText": "backgroundchange",

                                    "SubstatusText": "backgroundchange",

                                    "BackgroundColor": "backgroundchange"

                                },

                                "AvatarStack": {

                                    "Avatars": [],

                                    "ImageIsCircular": true,

                                    "ImageHasBorder": false

                                },

                                "AvatarGrid": {

                                    "Avatars": [],

                                    "ImageIsCircular": true

                                }

                            }

                        }

                    ],

                    "HighlightSelectedItem": false,

                    "Selection": {

                        "ExitOnLastDeselect": true,

                        "LongPressToEnable": "None",

                        "Mode": "None"

                    }

                }

            ]

        }

    ],

    "_Type": "Page",

    "_Name": "CSSIssue",

    "ActionBar": {

        "Items": [],

        "_Name": "ActionBar3",

        "_Type": "Control.Type.ActionBar"

    }

}

Styles.less:

.labelSize{

  font-style: italic;                     // or I have tried with extraLargeTitle

  font-color: #0000FF;              // This does not seem to work neather

  color:#0000FF                        // This does not seem to work neather

} 

.backgroundchange{

  background-color: #0000FF;

}

[bill_froelich]

 Background color should be set using the BackgroundColor Style metadata property.  You can't set the background color of the other elements of the Object Cell.  If they contain a background-color in the Styles.less it is ignored.  This style is used in example screenshot below to give the purple background to the one cell.

.backgroundColor {
    background-color: #5A1BEB;
}

For font-style the list of valid values is the UIFont.TextStyle constants here

Here is an example

[bill_froelich]

I will have to see if I can get it working and confirm one way or the other.