Forum Support

Shape 5
March 28, 2024, 07:19:21 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to code info/reveal like on Vertex Demo?  (Read 425 times)
ahuppert
Jr. Member
**
Offline Offline

Posts: 36



« on: 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?

Code:
<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...
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
ahuppert
Jr. Member
**
Offline Offline

Posts: 36



« Reply #2 on: 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

Should I be using this instead:

Code:
<div class="pages_portfolio two">

If YES, can this info slide in from the side?
« Last Edit: July 19, 2016, 10:10:19 AM by ahuppert » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: 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,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.