This website uses Cookies. Click Accept to agree to our website's cookie use as described in our Cookie Policy. Click Preferences to customize your cookie settings.

Accept
Reject
Preferences
Help
cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

issue creating a dropdown filter

Sly
7 - Data Storage
7 - Data Storage

‎09-30-2022 12:31 AM

Hi i have been trying to create a dropdown filter for over 600 campaigns but seem to have an issue once i have imported the template as it defaults back to the Blox template "Welcome to Blox" the code is not saved on the imported template and also doesnt work once i just try copy it and work on the javascript. 

please kindly assist 🙂 

Labels:
0 Kudos
Reply
9 REPLIES 9

Sly
7 - Data Storage
7 - Data Storage

‎09-30-2022 01:07 AM

i have been able to add the template now but once i change the code it still doesnt output the dropdown 

0 Kudos
Reply

HamzaJ
12 - Data Integration
12 - Data Integration

‎09-30-2022 02:56 AM

HI @Sly 

It would be helpfull if you could share your blox-script. In your first post it sounds like the JSON is not valid (a comma to much or a ) to little and it reverts back). Seems you have fixed that. If you can share your script I can have a look at the dropdown.

0 Kudos
Reply

Sly
7 - Data Storage
7 - Data Storage
In response to HamzaJ

‎09-30-2022 04:56 AM

Hi @HamzaJ  thank you for your willingness to assist. 

Please see below my script and the items field is called "name". 

{
"style": {},
"script": "",
"title": "",
"titleStyle": [
{
"display": "none"
}
],
"showCarousel": true,
"carouselAnimation": {
"showButtons": false
},
"body": [
{
"type": "Container"
},
{
"type": "ColumnSet",
"separator": false,
"spacing": "default",
"columns": [
{
"type": "Column",
"width": "170px",
"items": [
{
"type": "TextBlock",
"size": "small",
"weight": "regular",
"wrap": true,
"text": "Choose a Campaign",
"style": {
"color": "red",
"padding-left": "10px",
"margin-left": "10px",
"backgroundColor": "red"
}
}
]
},
{
"type": "Column",
"spacing": "none",
"width": "175px",
"items": [
{
"type": "Container",
"spacing": "none",
"width": "150px",
"items": [
{
"type": "Input.ChoiceSet",
"id": "data.filters[0].filterJaql.members[0]",
"class": "",
"value": "Reseller",
"displayType": "compact",
"choices": "{choices:name}"
}
]
}
]
},
{
"type": "Column",
"spacing": "none",
"width": "175px",
"items": [
{
"type": "Container",
"spacing": "none",
"width": "80px",
"items": [
{
"type": "ActionSet",
"margin": "0px",
"padding": "0px",
"actions": [
{
"type": "Filters",
"title": "Apply",
"data": {
"filters": [
{
"filterName": "{panel:name}",
"filterJaql": {
"explicit": true,
"members": [
""
]
}
}
]
}
}
]
}
]
}
]
}
]
}
],
"actions": []
}
0 Kudos
Reply

HamzaJ
12 - Data Integration
12 - Data Integration
In response to Sly

‎09-30-2022 05:05 AM

Hi @Sly 

This is incorrect:

"filterName": "{panel:name}",
 
It should not be dynamic it should be the name of the filter. In this case it should just be "name":
"filterName": "name",
 
Make sure that on a dashboard-level the filter is defined the same way
 
0 Kudos
Reply

Sly
7 - Data Storage
7 - Data Storage
In response to HamzaJ

‎09-30-2022 05:26 AM

Thank you @HamzaJ. 

please note i have changed it and now this is my code:

{
"style": {},
"script": "",
"title": "",
"titleStyle": [
{
"display": "none"
}
],
"showCarousel": true,
"carouselAnimation": {
"showButtons": false
},
"body": [
{
"type": "Container"
},
{
"type": "ColumnSet",
"separator": false,
"spacing": "default",
"columns": [
{
"type": "Column",
"width": "170px",
"items": [
{
"type": "TextBlock",
"size": "small",
"weight": "regular",
"wrap": true,
"text": "Choose a Campaign",
"style": {
"color": "red",
"padding-left": "10px",
"margin-left": "10px",
"backgroundColor": "red"
}
}
]
},
{
"type": "Column",
"spacing": "none",
"width": "175px",
"items": [
{
"type": "Container",
"spacing": "none",
"width": "150px",
"items": [
{
"type": "Input.ChoiceSet",
"id": "data.filters[0].filterJaql.members[0]",
"class": "",
"value": "Reseller",
"displayType": "compact",
"choices": "{choices:name}"
}
]
}
]
},
{
"type": "Column",
"spacing": "none",
"width": "175px",
"items": [
{
"type": "Container",
"spacing": "none",
"width": "80px",
"items": [
{
"type": "ActionSet",
"margin": "0px",
"padding": "0px",
"actions": [
{
"type": "Filters",
"title": "Apply",
"data": {
"filters": [
{
"filterName": "name",
"filterJaql": {
"explicit": true,
"members": [
""
]
}
}
]
}
}
]
}
]
}
]
}
]
}
],
"actions": []
}
 
In regards to the dashboard level, im not too sure if this is what you mean. 
 
please see attached image where image 1 is on the main dashboard with a filter and image 2 is the dilter on the blox widget 
 
and the output is still empty 
 
Preview file
17 KB
Preview file
27 KB
0 Kudos
Reply

HamzaJ
12 - Data Integration
12 - Data Integration
In response to Sly

‎09-30-2022 05:45 AM

Hmm...

I copied pasted your code and for me it works. I can pick an option, press apply and the filter gets adjusted (in the dashboard, in the widget it does not work). 

Btw. where is the drop-down in your image? Did you center it? If you do not see it all, try adjusting the configuration-page in the widget editor.

0 Kudos
Reply

Sly
7 - Data Storage
7 - Data Storage
In response to HamzaJ

‎09-30-2022 05:53 AM

i think that might be the issue i do not need an image in my drop down. 

please see below what code is in my configuration:
{
"fontFamily": "Open Sans",
"fontSizes": {
"default": 14,
"small": 16,
"medium": 20,
"large": 50,
"extraLarge": 32
},
"fontWeights": {
"default": 500,
"light": 100,
"bold": 1000
},
"containerStyles": {
"default": {
"backgroundColor": "#FFFFFF",
"foregroundColors": {
"default": {
"normal": "#3a4356"
},
"white": {
"normal": "#ffffff"
},
"grey": {
"normal": "#9ea2ab"
},
"orange": {
"normal": "#f2B900"
},
"yellow": {
"normal": "#ffcb05"
},
"black": {
"normal": "#000000"
},
"lightGreen": {
"normal": "#3ADCCA"
},
"green": {
"normal": "#54a254"
},
"red": {
"normal": "#dd1111"
},
"accent": {
"normal": "#2E89FC"
},
"good": {
"normal": "#54a254"
},
"warning": {
"normal": "#e69500"
},
"attention": {
"normal": "#cc3300"
}
}
}
},
"imageSizes": {
"default": 40,
"small": 40,
"medium": 80,
"large": 160
},
"imageSet": {
"imageSize": "medium",
"maxImageHeight": 100
},
"actions": {
"color": "white",
"backgroundColor": "",
"maxActions": 5,
"spacing": "none",
"buttonSpacing": 20,
"actionsOrientation": "horizontal",
"actionAlignment": "left",
"showCard": {
"actionMode": "inline",
"inlineTopMargin": 16,
"style": "default"
}
},
"spacing": {
"default": 5,
"none": 0,
"small": 20,
"medium": 60,
"large": 20,
"extraLarge": 40,
"padding": 0
},
"separator": {
"lineThickness": 3,
"lineColor": "#ffcb05"
},
"factSet": {
"title": {
"size": "default",
"color": "default",
"weight": "bold",
"warp": true
},
"value": {
"size": "default",
"color": "default",
"weight": "default",
"warp": true
},
"spacing": 20
},
"supportsInteractivity": true,
"height": 49,
"imageBaseUrl": ""
}
 
0 Kudos
Reply

HamzaJ
12 - Data Integration
12 - Data Integration
In response to Sly

‎09-30-2022 06:39 AM

For me the code and the configuration work. Were you able to make it work?

0 Kudos
Reply

Sly
7 - Data Storage
7 - Data Storage
In response to HamzaJ

‎09-30-2022 06:45 AM

not at all 😞 

 

0 Kudos
Reply
Copyright © 2024 Khoros, LLC