Qlik Community

Qlik Sense App Development

Discussion board where members can learn more about Qlik Sense App Development and Usage.

wdchristensen
Contributor III

Scrolling Dashboard (as demoed by QlikDork on YouTube)

I am interested in creating an application just like the one featured at:

https://www.youtube.com/watch?v=E75tWOzB2bM

Unfortunately this video shows the end result with no explanation of how it was created other than “Thanks to the flexibility of the Qlik Sense Open API's surfacing data through mashups ... a scrolling dashboard is available right now.”

Does anyone know where I can find an example or an explanation on how this can be accomplished? I appreciate your help!

Tags (1)
5 Replies

Re: Scrolling Dashboard (as demoed by QlikDork on YouTube)

Must admit I have not watched the video you linked to but I have used this Play Button Qlik Sense Extension

from video http://branch.qlik.com/#!/project/5a2fc19c444ec6f5997b3705 I like it and even forked it to fiddle with it a bit.

wdchristensen
Contributor III

Re: Scrolling Dashboard (as demoed by QlikDork on YouTube)

Hi Bill,

Thanks for the response. Although the extension you linked is interesting, it is unrelated to what I am looking for. I am making an executive level dashboard where I would like the pages scroll between pages from various existing applications. The screenshot below is capturing the changing of pages similar to that of stock ticker.

ExampleScrollingDashboard.PNG

Re: Scrolling Dashboard (as demoed by QlikDork on YouTube)

I'll ping drr‌ aka QlikDork to this thread to see if he can provide details.

-Rob

brunobertels
Valued Contributor

Re: Scrolling Dashboard (as demoed by QlikDork on YouTube)

Hi

See on qlik branch if this extension does the job  :

http://branch.qlik.com/#!/project/570ca6aa15a2deb17e15440a

"A Qlik Sense extension allowing users to set an automated scroll through different sheets by setting a timer delay and a next sheet to each of the sheets they wish to present. Simple and controllable. "

Employee
Employee

Re: Scrolling Dashboard (as demoed by QlikDork on YouTube)

Thanks for pinging my Rob. Missed this entirely.

My video was made using some HTML and Javascript code. Basic concept is that it uses a slider control that can have slides added and then uses IFrames for any pages out of any applications which you can get from the Dev Hub.

The bxSlider class can be customized like so:

            $('.bxslider').bxSlider({

                minSlides: 3,

                maxSlides: 5,

                slideWidth: 400,

                slideMargin: 100,

                ticker: true,

                speed: 25000

            });

..... IFrames are simply placed in the HTML code once you get them from the Dev Hub

            <div class="slider" style="height: 90%;" >

                <ul class="bxslider" >

                    <li class="mybox">

<iframe src='https://usrem-drr0005/single/?appid=2ce2a798-302f-41fb-a3f2-068fb780dda9&sheet=JjhuXG&opt=nointeract..." width="100%" height="800" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'></iframe>

                    </li>

                    <li class="mybox">

                       <iframe src='https://usrem-drr0005/single/?appid=9e5c6ecb-049e-4149-aeb3-c04cafb2fafe&sheet=FSWVPd&opt=nointeract..." width="100%" height="800" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen';'></iframe>

                    </li>

                    <li class="mybox">

                        <iframe src='https://usrem-drr0005/single/?appid=9e5c6ecb-049e-4149-aeb3-c04cafb2fafe&sheet=HQqWNWb&opt=nointerac..." width="100%" height="800" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen'></iframe>

                    </li>