JS and CSS

2020-04-29 21:09:24
John Ten
3789
Last edited by Taotao on 2021-03-05 15:05:32
Share links

ZenTao Workflow provides JS and CSS settings for customized flows. Users can add CSS and JS code to customize the interfaace of Actions, which can be added on all pages of a workflow or to that of a specific action.


1. Create a flow



Then you will see the Test Flow is added to the secondary navigation of Test.



2. You will see the JS and the CSS buttons.

Add JS and CSS here to be functioned on all the pages of this Flow.


Or click Actions of a flow and add JS and CSS here to customize a specific action.



3. Example


3.1 Customize the list page using JS. 


Display a pop-up window  "Hello ZenTao" within 3 seconds browsing the list page. Click the JS button, and enter the code as shown in the code editor that pops up. Then click Save.



Then you will the window pop out when visiting the Test Flow list.



3.2 Customize the list page using CSS.


Set the background of the odd rows on the list page to a different color. Click the CSS button in the browse list action, and enter the code as shown in the image below.




Click Save and visit the list page and you will see the CSS take effective as shown belwo.




Write a Comment
Comment will be posted after it is reviewed.