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]

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