ToolJet/docs/versioned_docs/version-2.43.0/tooljet-concepts/access-values.md
Aman Regu 3c9b04c8cd
[docs]: Add docs for v2.43.0 (#9768)
* add: docs for v2.43.0

* fix: broken links

* update: database editor based on feedback

* update: next

* update: querying tjdb with fk

* move available-actions below  create fk

* update: foreign key actions
2024-05-17 21:54:13 +05:30

1.6 KiB

id title
how-to-access-values Access Values

In ToolJet, double curly braces {{}} can be used to retrieve data returned by queries, access values related to components and pass custom code. You can see the list of all accessible values in the Inspector tab in the left sidebar.

Accessing Values

The queries keyword can be used to access data returned by queries. For example:{{queries.getSalesData.data}}

Similarly, the components keyword can be used to access data in the components and other component-related variables. For example: {{components.table1.selectedRow.id}}.

Check Available Values Using Inspector

Writing Custom Code

You can write custom JavaScript code to set colors, enable or disable toggles and more by passing in JavaScript code inside double curly braces. To change Background Color of a button based on the light or dark theme using fx (next to properties in properties panel), you can use a code that returns a string value of hex code.

For example, {{globals.theme.name == "light" ? "#375FCF" : "#FFFFFF"}}

Similary, to enable or disable a button based on user input using fx, you can write a JavaScript code that returns true or false.

For example, {{components.form1.data.textinput1 == "" ? true : false}}.