I was wondering if there are any triggers that can do stuff like scroll down the scrolling panel? I have a scrolling panel in my slide so that the user can scroll down the same to view the large data. But on one of the slides, I want the slide to automatically scroll down in the panel to demonstrate some data. Is that possible?
Found this. It deals with best practices in JavaScript. There are a couple of sample scripts that deal with auto scrolling using triggers to call the action. There are issues with JavaScript working in HTML5 and the iPad app as stated in the article.
Thanks alot for your response. This definitely helps, but my lack of programming skills is creating a problem for me...How do I use the code below for scrolling panel.. :(
Auto-scroll web page to specific location
window.scroll(0,150); // horizontal and vertical location
Auto-scroll web page relative to current location
window.scrollBy(0,150); // horizontal and vertical scroll increments
I could definitely consider this as an option. But I am unable to find scrolling panel show up in the objects on which I can implement a trigger. Also, I am not sure how to modify the code above to do what I want to do.
I finally was able to implement this with a different approach. I used the states feature of the object. I created images of this object which shows up at a time in the scrolling panel (without actually scrolling down). Then I set some objects outside my slide (so that they do not appear on the slide). These objects are really just for triggers to show the specific state of the object. This is working fine for me right now. But I will ultimately like to learn the screencast thing as well.
10 Replies
Hi Payal,
Found this. It deals with best practices in JavaScript. There are a couple of sample scripts that deal with auto scrolling using triggers to call the action. There are issues with JavaScript working in HTML5 and the iPad app as stated in the article.
http://www.articulate.com/support/kb_article.php?product=st1&id=llwes8cn32vg
Hope this helps,
Adrian
Hi Payel,
Have you considered using triggers and a video/screencast of a scrolling panel, like this?
Bruce
Hi Andrian,
Thanks alot for your response. This definitely helps, but my lack of programming skills is creating a problem for me...How do I use the code below for scrolling panel.. :(
Auto-scroll web page to specific location
window.scroll(0,150); // horizontal and vertical location
Auto-scroll web page relative to current location
window.scrollBy(0,150); // horizontal and vertical scroll increments
I could definitely consider this as an option. But I am unable to find scrolling panel show up in the objects on which I can implement a trigger. Also, I am not sure how to modify the code above to do what I want to do.
Looking forward to your response.
Thanks,
Payal
I finally was able to implement this with a different approach. I used the states feature of the object. I created images of this object which shows up at a time in the scrolling panel (without actually scrolling down). Then I set some objects outside my slide (so that they do not appear on the slide). These objects are really just for triggers to show the specific state of the object. This is working fine for me right now. But I will ultimately like to learn the screencast thing as well.
Hi,
I have an image and it is to big to be shown on a screen. Also, there is information associated with the image to be shown.
I have decided to use the right side of the screen for image. As the image is too big I have used the scrolling panel for the image.
I realise that with vertical scroll panel I can see half of the image. I have space limitation so I can't increase the size of scrollbar horizotally.
Can anybody suggest me how can I introduce horizontal and vertical scrollbars for the same image so that I can have the full view of the image?
But, can you do it from side to side?
MY Post
Good morning,
I would like to peel back a filled rectangle to reveal words in a textbox behind it using a scrolling panel. Can anyone help?
Hey Bobby!
Is this the kind of interaction you're going for?
The key is to add a new state for each position of the covering rectangle. Check out the attached file to see how I built this slider interaction!
This discussion is closed. You can start a new discussion or contact Articulate Support.