Any way to hide Carousel navigator arrows? : SOLVED

August 07, 2019 20:08

When using the Indicator Sparkling template, once I add an Item (dimension) for the sparkline, the carousel navigator arrows appear. Since they are not needed, I would like to hide them. Is there a way to do that?

Comments

14 comments

Jim Thomas August 13, 2019 15:35

Well of course they came back, but I got the following from support and it works:

I placed below the "showCarousel": true,

"carouselAnimation": {

"showButtons": false

},

Regards, Jim

2

Comment actions Permalink
Oksana Partridge September 18, 2019 22:04

In this scenario, it always set to the first set of data. Is there a way to show a specific carousel index(es) only to show?

1

Comment actions Permalink
Nathan Giusti August 08, 2019 15:30

Hey Jim,

If you don't plan on using the carousel functionality, you can set

"showCarousel": false,

in the design tab. That will remove the arrows.

0

Comment actions Permalink
Jim Thomas August 08, 2019 15:36

Nathan,

Had already tried that. The result is that a row is created for each dimension value. I do not want that, I just want to show the one row. See screen shot below for the result with "showCarousel": false .

Regards, Jim

0

Comment actions Permalink
Delsaran Bigglesworth August 08, 2019 17:31 (Edited August 08, 2019 17:32)

If all the cards are the same, you could filter by rank and use top 1. That'll give you just one card

0

Comment actions Permalink
Jim Thomas August 08, 2019 17:38 (Edited August 08, 2019 18:54)

Delsaran,

Good thought. They are all the same. Tried your suggestion, but of course the filter applies to all the Values. So I added in an ALL parameter on the Values calc. That worked on all elements, but the sparkline. In addition, the ALL parameter overrides the dashboard date filter. So it's a no-go. Really need to set the HTML tag to invisible I guess.

Thanks, Jim

0

Comment actions Permalink

Delsaran Bigglesworth August 08, 2019 18:41

Like this? Just change the widget id to the widget you use it in.

widget.on('ready', function(a, b) {

const widgetElement = prism.$ngscope.appstate === 'dashboard' ? $('widget[widgetid="5d4ad9c04d56792f90b42694"]') : undefined;
	$('.carousel-button', widgetElement).css({
    		'display': 'none',
	});
})

Jim Thomas August 08, 2019 18:52

That looks like exactly what I want to do. I added to the BloX widget script and changed the widget id to match, but the buttons aren't hidden. Sorry to be a pain. If I'm doing something wrong, it's not obvious to me what it is.

Jim

0

Comment actions Permalink
Delsaran Bigglesworth August 08, 2019 19:15

You're fine. I engaged in this. Is there any other script in there and what browser are you using?

0

Comment actions Permalink
Jim Thomas August 08, 2019 19:17

No other scripts on this widget. No dashboard scripts. Using Safari on a Mac.

Thanks again!

0

Comment actions Permalink
Jim Thomas August 09, 2019 16:23

Delsaran,

We changed the source EC for the dashboard this morning and switched the dashboard over to it. The issue magically went away. I have no idea why. If it reoccurs, I will submit a ticket.

Thanks for your help, Jim

0

Comment actions Permalink
Delsaran Bigglesworth August 09, 2019 17:52

That's good news. I'm also experiencing weird less then magical issue with BloX right now. Glad to here it worked for you though.

0

Comment actions Permalink
Delsaran Bigglesworth August 13, 2019 18:34

Oh nice. That's super clean

0

Comment actions Permalink
Stefan Castino November 15, 2019 22:15

Great solution Jim. Saved my bacon.

0

Comment actions Permalink

Please sign in to leave a comment.

Comments

Didn't find what you were looking for?