Sometimes we want change design SAPUI5 elements. For this task we can use this methods:
I tell you about my experience. For example take sap.ui.commons.Panel.
Standart sap.ui.commons.Panel. look like
For change design we need know what we want change and which CSS class for this we need change. For this use debug in Chrom, click on search icon and choose part component. We find CSS class which use for this part. In our example Title text Panel use class .sapUiPanelTitle { }.
We create CSS file or create <style></style>. Write new class MyPanel and copy .sapUiPanelTitle in this class in our CSS file. For example:
Like this example you can change part element use CSS which you want.
I have file like this:
In the end add new CSS class to the element.
oPanel.addStyleClass("myPanel");
Now you can compare two panel.
It is my first document so don't be strict
Best Regards Oleksii.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
6 | |
6 | |
5 | |
4 | |
3 | |
3 | |
3 | |
3 | |
3 | |
2 |