top of page
This website was created by Liquis
Dynamic Pages Show Hide Element
Show/Hide an element on a dynamic item page based on boolean field or empty value
All Snippets
Element is hidden based on any of following 2 conditions
a boolean field that is set to true or false
for other fields types, if a value is empty or not
New to our site? Please see our quick tutorial on how to work with our snippets
Setting | Description |
|---|---|
elementId | id of element you want to hide |
fieldId | field id from the collection that is responsible for hiding the element. You could use a boolean field, for other fields, code will hide if the value is empty. |
datasetId | dynamic dataset id |
$w.onReady(() => {
DynamicPageShowHideElement({
elementId: '#section15',
fieldId: 'visible',
datasetId: '#dynamicDataset',
})
})
async function DynamicPageShowHideElement({elementId:e,fieldId:n,datasetId:t}){
const d=$w(t);if(!d?.id)return;const a=$w(e);if(!a?.id)return
;await d.onReadyAsync();const i=n,c=d.getCurrentItem()
;c&&c[i]?(a.show(),a.expand()):(a.hide(),a.collapse())}
Title
Title
bottom of page