Skip to main content
Announcements
See what Drew Clarke has to say about the Qlik Talend Cloud launch! READ THE BLOG
cancel
Showing results for 
Search instead for 
Did you mean: 
wdchristensen
Specialist
Specialist

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!

5 Replies
Anonymous
Not applicable

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
Specialist
Specialist
Author

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

rwunderlich
Partner Ambassador/MVP
Partner Ambassador/MVP

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

-Rob

brunobertels
Master
Master

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. "

Dalton_Ruer
Support
Support

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>