Shape 5

Joomla Templates => Health Guide - Club => : ahuppert July 19, 2016, 09:28:57 AM


: How to code info/reveal like on Vertex Demo?
: ahuppert July 19, 2016, 09:28:57 AM
I am trying to code two columns of information that should appear when the user scrolls down the page. This would be found in an article, not modules.  I want one column to slide in from the LEFT and the other to slide in from the RIGHT.  I actually grabbed the code from the Shape5 site, but it doesn't seem to work on my site.  What am I doing wrong?

:
<div class="pages_highlight_box">
	<h2 class="s5_centerit">Our Staff:</h2>
	<div class="s5_width_wrap">
		<div class="pages_two" data-scroll-reveal="enter left and wait .15s" data-scroll-reveal-id="1" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true">
			<h3>TITLE</h3>
			<p>Information</p>
			<h3>TITLE</h3>
			<p>Information</p>
		</div>
		<div class="pages_two" data-scroll-reveal="enter right and wait .25s" data-scroll-reveal-id="2" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true">
			<h3>TITLE</h3>
			<p>Information</p>
			<h3>TITLE</h3>
			<p>Information</p>
			<h3>TITLE</h3>
			<p>Information</p>
		</div>
		<div style="clear: both;">&nbsp;</div>
	</div>
</div>

All I get is the attached...

: Re: How to code info/reveal like on Vertex Demo?
: mikek July 19, 2016, 09:53:03 AM
Hello,

Your data scroll reveal should look like this:

data-sr="enter left, over 0.8s, move 300px"

I am not sure where this code came from?

data-scroll-reveal="enter left and wait .15s" data-scroll-reveal-id="1" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true"

Regarding the layout of two columns, that is coding you would need to create. We don't provide support on custom html or layouts.

: Re: How to code info/reveal like on Vertex Demo?
: ahuppert July 19, 2016, 10:02:49 AM
Thanks for the help. As an aside, the code in question came from here (also, see the attached picture):

http://www.shape5.com/joomla/framework/vertex_framework.html (http://www.shape5.com/joomla/framework/vertex_framework.html)

Should I be using this instead:

:
<div class="pages_portfolio two">

If YES, can this info slide in from the side?

: Re: How to code info/reveal like on Vertex Demo?
: mikenicoll July 19, 2016, 10:28:50 PM
Hello,

The coding from our website uses the old version of Scroll Reveal. The new version they updated their Syntax.

http://www.shape5.com/demo/health_guide/index.php/features-mainmenu-47/continued-vertex-features/scroll-reveal

For your columns why not just use a row and split them 50% / 50%? You can manually code this with HTML using width values but we already provide a way to do this within Vertex.

Regards,