Search:  

Previous pageTechniques & KB Articles Next page
How to create a slideshow 

How to create a slideshow

You can very easily create a slideshow in neatComponents. In this all the pages in a section will be shown in turn for a few seconds each.

  1. Create a new Section, called, say, 'Show'
  2. As children of the 'Show' Section, place more Sections - each one of these children will be a slide.
  3. Place the content on the children - this can be any content you can put on a neatComponents page.
  4. Go to the page which will be the last slide, and in the Behavior Editor / Settings / General / Timing, set it to redirect after a few seconds - to the Show section, if you want the slideshow to continually cycle, or to another page elsewhere on the site if you want it to stop (perhaps on an index or welcome page).
  5. Go to the 'Show' section, and in its Behavior Editor / Settings / General / Timing, set it to redirect to the 'Local Relative Page / Next Page in Site' after a few seconds (this being the duration for each slide to show)

That's it.

Now when you go to the Show section it will redirect to the first child after a few seconds, and then on to the next child, and so forth until it gets to the last slide, which has its own redirect (overriding the one set in the parent 'Show' section).

Altering the duration for a particular slide

If a particular slide needs to be shown for a different duration you can simply override the 'Redirect After' value.


Tip:
If you find you have set the duration so small that you can't get to the Behavior Editor before the page has redirected away, go to the Layout Manager, and you can access the Behavior Editor by right-clicking on the page in the site tree.

Transitions

If you want to, you can add fades as transitions.

Example

If you wanted to show each slide for 10 seconds, with a 2 second fade in and a 1 second fade out, you would set, in the Show section, the settings as follows:

  • Appear after [0]
  • Fade in over [2]
  • Dissapear after [9]
  • Fade out over [1]
  • Redirect to [Next page in site]
  • After [10]
           
 

DATA

Managing Data

Tables

Referential Integrity 

Data Entry Forms

Queries and Views

Custom Views

 

USERS & SECURITY

Users & Permissions

User Group Manager 

User Registration

Access Codes & Agreements

Personalizing Experience

Managing Profiles

 

SaaS

SaaS Server

SaaS Site Manager

SaaS Client Accounting

SaaS Templates & Clones

SaaS Self Service

Associates System 

 

CMS

User Editable pages

CSS Editor

Editing Pages

Direct URLs

Using Javascript & JQuery

Content Approval & Workflow

 

WEB

Key Concepts

Components

Understanding Embeds

Site Building

Themes System

SEO Optimization

 
           
 
clearString   neatComponents™    © Enstar LLC  1999-2019 All Rights Reserved      Terms of Use      Privacy & Cookies      Contact us...
 
 
 
 

 

Docs HomePrint:   Print this page