![]() By using Developer Tools (F12), the correct row can be inspected, and you can confirm that the class is present. The rules to add the CSS class has been added, but there have been no presentation changes that the user can see. Notice that nothing has changed! The grid looks the same as it did before. On the toolbar, press the Browse button to regenerate the app and open it in your default browser. The “i” at the end of the regular expression will ignore case. This rule will add “myapp-contact-title-sales” rule to every row where the Contact Title is equal to “sales”. Add one more style with the following configuration: Css Class The “myapp” prefix to the CSS class is added to ensure that there are no clashes with standard rules included in the application. The “$row” object is declared by the client library, and each field value is attached to this object when the expression is executed. The Test field is an expression written in JavaScript. This rule will add the class “myapp-country-usa” to every row where the “Country” column is equal to “USA”. On the toolbar, press New | New Style to open the create form. Switch to the Styles tab at the top of the screen. ![]() The view will be opened on the left side of the window. In the Project Explorer, switch to the Controllers tab, and double-click on Suppliers / Views / grid1. The following examples will use the sample Northwind project. The first step is to define a set of rules that will add CSS classes to the correct rows. The picture below shows several examples of custom styling in Touch UI. ![]() You can then add custom styling to these rows to tell a story. When the expression passes, a CSS class will be added to the row. ![]() ![]() These expressions have access to the values of each record. These rules allow defining JavaScript expressions that are executed for every row in the view. Have you ever wanted to give your grids and forms a personal touch? Release 8.5.7.0 makes it possible with the inclusion of conditional CSS rules. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |