Skip to Content
0

How do I overwrite the standard SAPUI5 form classes?

Nov 09, 2017 at 11:15 AM

44

avatar image

How do I overwrite the standard SAPUI5 form classes?

I can't seem to remove the padding, i've tried etc but the class is being ignored.

<f:Form id="formNumberOfOptions" editable="true">
                        <f:layout>
                            <f:ResponsiveGridLayout/>
                        </f:layout>
                        <f:formContainers >
                            <!-- Question -->
                            <f:FormContainer>
                                <f:formElements>
                                    <f:FormElement label="Number of Options">
                                        <f:fields>
                                            <Input value="3" id="__numberOfOptions" width="10%"/>
                                        </f:fields>
                                    </f:FormElement>
                                </f:formElements>
                            </f:FormContainer>
                        </f:formContainers>
                    </f:Form>
10 |10000 characters needed characters left characters exceeded

you could try creating a css class and then assign the class to the element - or use the standard css classes from the sapui5 lib

0
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Richard Zhao
Nov 23, 2017 at 07:47 AM
1

Hello, Adam Since your description is not quite clear I would like use button model show you an example.

Have you ever try to use method addStyleClass to override the regular CSS style.

example:
   myButton.addStyleClass("myRedTextButton"); // add a CSS class to one button instance

...and in CSS:
   .myRedTextButton {
      color: red;
   }
Share
10 |10000 characters needed characters left characters exceeded
Jun Wu Nov 09, 2017 at 01:36 PM
0

how you tried.....

Share
10 |10000 characters needed characters left characters exceeded