Skip to Content

How do I overwrite the standard SAPUI5 form classes?

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>
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Nov 23, 2017 at 07:47 AM

    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;
       }
    Add comment
    10|10000 characters needed characters exceeded

  • Nov 09, 2017 at 01:36 PM

    how you tried.....

    Add comment
    10|10000 characters needed characters exceeded