In this article we describe how you can use CSS to customize a control in your application. We will apply a CSS-rule to button control to make them round and centered.
Instructions
First you need to create your custom CSS. Here we provide a predefined CSS but you can use any type of CSS to customize your apperance. The css below is grouped so you can apply the setting to several buttons in the same view.
.info_buttons .info_button {
text-align: center;
}
.info_buttons .dx-button-text {
display: none;
}
.info_buttons .dx-icon {
margin: 0;
}
.info_buttons .dx-button {
border-radius: 50%;
width: 56px;
height: 56px;
}When you have defined your CSS you upload it into GO under the tab themes and field Custom CSS. Press Save to upload new CSS.
In our case we want to use the info_buttons css class on a button control. Go into the view designer in Flowfactory Studio and double-click your button control to add CSS-Class. Same principle is usable for all controls with the option to add css-class.
Here you see the result with a rounded button with CSS Class and standard button control without CSS
Comments
0 comments
Please sign in to leave a comment.