-
1. About ZenTao Biz
- 1.1 About ZenTao Biz
- 1.2 Get ZenTao Biz
- 2. Installation
- 3. Update and Upgrade
-
4. Features
- 4.1 Users and Privileges
- 4.2 Gantt Chart
- 4.3 Effort
- 4.4 Repository and Code Review
- 4.5 Calendar
- 4.6 Import/Export MS Excel Files
- 4.7 SMS Notification
- 4.8 DevOps Management
- 4.9 Export MS Word Files
- 4.10 Crystal Report
- 4.11 LDAP authentication
- 4.12 Feedback Management
- 4.13 Summary Report
- 4.14 Document Management
- 4.15 Export a Report
- 4.16. Office Automation
-
4.17. Workflow
- 4.17.1 Build-in Workflow
- 4.17.2 Workflow Introduction
- 4.17.3 Example: Customize Build-in Workflows
- 4.17.4 Example: Add a Workflow
- 4.17.5 JS and CSS
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.
Support
- Book a Demo
- Tech Forum
- GitHub
- SourceForge
About Us
- Company
- Privacy Policy
- Term of Use
- Blogs
- Partners
Contact Us
- Leave a Message
- Email Us: [email protected]