bdfe3270e2
* docs: jira * docs: formatting + Client Credentials grant type * docs: connection string pgsql * docs: parameterized queries mysql * docs: parameterized queries in PostgreSQL * docs: update mysql example * docs: TJDB sql editor * docs: add metadata to REST API * docs: add, update postgresql media * docs: add metadata to graphql * docs: update parameterized queries * docs: add parameterized queries for mssql * docs: add SSL Cert to mysql * docs: TJDB SQL restricted commands * docs: update JIRA token location * docs: update delete issue example * docs: update find user by query example * docs: remove session id from get assignable users * docs: use correct image for get issues for board * docs: update create issue example * docs: update delete issue media * docs: update assignable users media * docs: update examples * docs: update key desc * docs: v2.68.0-Beta
1.9 KiB
| id | title |
|---|---|
| using-fx | Using the FX Functionality |
Clicking on the fx symbol in ToolJet opens up a code editor that allows you to write custom JavaScript expressions. You can find fx in the properties panel on the right, next to various properties and settings of a component.
With fx, you can perform calculations or set conditional logic to dynamically configure the components without leaving the ToolJet interface. It's an invaluable tool for adding complexity and interactivity to your applications.
Toggle Button
When using fx buttons associated with toggle buttons, the expected output of the code you enter should be a boolean value - true or false. For example, the below code will check whether the entered age entered in the number input field of the form is above 18, the button component will be enabled or disabled based on it.
{{components.form1.data.numberinput1.value>18? false : true}}
For other cases, the expected value is a string. For example, If you are setting Text color, Background Color, Loader Color, etc. You need to pass in a JavaScript code that returns a hex code as a string.
Access all Variables, Queries, and Components
The expressions you write in the code editor available after clicking on fx lets you access all the variables, queries, and components within your application. This allows you to create intricate relationships between different parts of your app, making it more responsive and user-friendly.