Lens Management

The Lens Management page is where you will find an overview of your installed Lenses and their capabilities and upload new Lenses. This is also where you can create new custom Lenses, clone existing ones, and edit and delete your custom Lenses.

Lens Cards: Each Lens is represented by a card on this page that shows a thumbnail, the Lens Title, the Lens author, available content source chiclets, and possible variations. With the Developer license, there is a link under each card to copy the Lens as a custom Lens for editing.

On your custom Lenses, the card also contains links to edit and delete the Lens.

Adding New Lenses: You will have the option to add more Lenses by uploading .zip packages or creating new Lenses.

Uploading Lenses: You have the option to upload new Lenses. Click the Upload Lens button, locate the .zip Lens package, and click “Install Now.” The new Lens will now be available for use.

Creating New Lenses: You have the option to create custom Lenses by copying the existing ones. This can be accomplished by either clicking on the Copy link under the Lens Card you would like to copy or clicking the Create New button. On the resulting page, you’ll be asked to enter your Lens name and Lens slug. The slug must be all lowercase and not contain any spaces; it is used as the identifier for your Lens throughout the Lens files. After you create your Lens, it will appear on its own Lens Card and be available to edit, delete, and, most importantly, use on your SlideDecks.

Fun Fact: The Create New button clones the Proto Lens which is the most basic Lens with the default options so you can hit the ground running.

Installing Lenses

  • Click on Lenses Tab Under SlideDeck Menu.

  • Click on Upload Lens Tab.

  • Select “browse“, and then select the zip file say “parfocal.zip” file from the lenses main download folder.

  • Click “Install Now“.

Block Title

Overview: The Block Title lens brings a unique feature to the collection: It shows the titles of your slides with a solid background that can be controlled with the accent color. In general is it a very simple and spartan lens, perfect for content heavy headlines. Block Title offers the two standard variations; Light and Dark. Block Title supports all content types including custom slide types.

This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Classic

Overview: The Classic Lens is our throwback to our original concept of SlideDeck.The Classic Lens’s main differentiation is the “spine” feature, vertical bars used as the navigation of this Lens.

Appearance Options:

Title Font: The title font not only changes the font of the title in the content but also in the spine for this Lens. Navigation Options:

Inactive Spine Color: Allows you to change the color of the inactive spines via a color picker.

Active Spine Color: Allows you to change the color of the active spines via a color picker.

Inactive Spine TBlock Title Color: Allows you to change the color of the inactive spine titles via a color picker.

Active Spine Title Color: Allows you to change the color of the active spine titles via a color picker.

Spine Title Length: You can adjust the title length to fit in the spines, this is especially useful for content with long titles.

Spine Width: Adjust the spine width with ease. Skinny spines? You got it. Short and chubby? No problem.

Show Spine Titles: Toggle the spine titles on or off

Index Type: Set the index type of your spines. Choose from numbers(1, 2, 3 etc), letters(a, b, c, OR A, B, C etc), roman numerals(i, ii, iii OR I, II, III etc) Playback Options:

Slide Transition: This option is removed for the Classic Lens since the “slide” transition is the only one available that really makes sense with the Classic Lens.

This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Fashion

Overview: When it comes to presenting your content with a distinctly retro style and elegance, few can match the Fashion Lens. With a unique ‘inset’ style for captions and excerpts, plus a gorgeous navigation style, your sliders will turn heads with this Lens.

Appearance Options:

Show Title Rule: This option shows or hides the double bar rule that sits behind the title of the content area.

Show Box Shadow: This option shows or hides the shadow behind the content box.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Half Moon

Overview: The **Half Moon lens** is a great lens for showing of your mixed media content. The title of your content is boldly featured and centered vertically with the content excerpt. A unique feature of the Half Moon lens is the centered date posted “coin” tastefully displayed in the middle of the slide and optional secondary navigation.

Navigation Options:

Navigation Style: Specify the style of the dot navigation – inside the SlideDeck area or outside (below) it. Placing the navigation outside of the SlideDeck will shrink height the actual slide area to accommodate for the presence of the navigation. Please make note of the Slide Area Dimensions noted in the lower left corner of the SlideDeck preview for image sizing.

Content Options:

Date Format: Half Moon will limit the options to Do not show and a “human readable” format (Dynamic Only).

This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

LayerPro

Overview: Animate your sliders with LayerPro lens. Add multiple layers of text and images and super-smooth animation effects like transition, rotation and scaling to make your sliders stand out.

Layer Options: Adding layers to the slide is as easy as adding images to the slide.

Add Layers: Choose from two available options – Image/Text to add layers.

Image: Upload image as a layer.

Text: Add text to set as a layer.

Transition In Effects: OffsetX – The horizontal offset to align the starting position of layers. Positive and negative numbers are allowed or enter left / right to position the layer out of the frame. OffsetY – The vertical offset to align the starting position of layers. Positive and negative numbers are allowed or enter top/bottom to position the layer out of the frame. Duration – The transition duration in milliseconds when the layer enters into the slide. A second equals 1000 milliseconds. Delay – Delays the transition with the given amount of milliseconds before the layer enters into the slide. A second equals 1000 milliseconds. Rotate In Degree – Rotates the layer clockwise from the given angle to zero degree Scale Image – Scales the layer’s width from the given value to its original size. Skew X – Skews the layer along the horizontal axis from the given angle in degree. Skew Y – Skews the layer along the vertical axis from the given angle in degree. EaseIn – The timing function of the animation. With this function, you can manipulate the movement of the animated object.

Transition Out Effects: OffsetX – The horizontal offset to align the ending position of layers. Positive and negative numbers are allowed or enter left / right to position the layer out of the frame. OffsetY – The vertical offset to align the ending position of layers. Positive and negative numbers are allowed or enter top / bottom to position the layer out of the frame. Duration – The transition duration in milliseconds when the layer exits from the slide. A second equals to 1000 milliseconds. Delay – Delays the transition with the given amount of milliseconds before the layer exits from the slide. A second equals to 1000 milliseconds. Rotate In Degree – Rotates the layer clockwise from the given angle to zero degree. Scale Image – Scales the layer’s width from the given value to its original size. Skew X – Skews the layer along the horizontal axis from the given angle in degree. Skew Y – Skews the layer along the vertical axis from the given angle in degree. EaseIn – The timing function of the animation. With this function you can manipulate the movement of the animated object.

Sources This Lens Works With: Custom Content – Image, Video.

Leather

Overview: Sporting textures so rich your visitors will want to reach out and touch the screen, the Leather Lens offers a crafted, traditional feel for your slides.

Appearance Options:

Show Stitching: Toggle display of the stitching on the navigation.

Show Page Tear: Toggle display of the page tear on the navigation.

Content Options: The Date Format, Author Avatar, Author Name and Author Link option is removed from this section as they are not part of this lens’ design.

Navigation Options: The Navigation Type option is not displayed in this section as there is only one navigation type.

Navigation Position: Choose where the navigation is displayed – either at the top or at the bottom of the slide area. This option is not present in Custom Content SlideDecks as it can be specified on each slide.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

O Town

Overview: O-Town was inspired by a boy-band… or one of our employees. Either way, it’s the most popular lens we’ve created that is vertical. O-Town brings a few nice things to the table. It divides the content vertically, but not an even 50% split like other lenses. Also, there’s a subtle difference in the way that the image is cropped. It supports all of the content types and has full support for custom slides.

Navigation Options:

Navigation Type: O-Town allows you to select Numbers, Dots, or Thumbnails. Unlike other lenses, you can’t turn the navigation off.

Playback Options –

AutoPlay Indicator: In the Playback options, this lens has a nice feature that allows you to choose between two autoplay indicators. Straight is essentially a small progress bar below the current slide. Snake is a progress bar that Snakes around the circumference of the current slide. This is an eye-catching indicator that it unique to this lens.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Parfocal

Overview: An astonishing lens inspired from the Ken Burns Effect, specially designed to make your image sliders look lively and attractive.

So much you can do with this lens: -Make a full width as well as a box view sliders -Only images can be given effect -Make use of all dynamic sources which have images

Appearance Options:

Accent Color: Pick a color for the accent elements of your Lens, including links, buttons, and titles.

Title Font: Select title font

Body Font: Select Body Font

Lens Variation: Controls the color of the paper area of the slides. The choices are Dark or Light

Show Title Rule?: Select On/Off. Shows/Hides the double bar rule behind the title.

Show Box Shadow?: Select On/Off. Shows/Hides white drop shadow around content

Hyphenate Content: Automatically hyphenate (on some browsers) and break title and excerpt if needed.

Image Scaling: Changes the way that features images on a slide are scaled (Please note – IE 8 and below do not support proportional scaling)

Caption Position: (Top / Bottom) Moves the caption area to the specified edge.

Use Global Settings: Use this setting for all slides

Content Options

Link Entire Slide On/Off: Make the entire slide a link area so clicking on anything in the SlideDeck (except navigation elements) goes to the slide title’s link destination. (does not affect video slides)

Title Length (with Media): Title length when an image or video is displayed

Title Length (no Media): Title length when no image or video is displayed

Show Title: On/Off

Link Title On/Off: Choose whether to make the title on each slide clickable

Excerpt Length (with Media): Excerpt length when an image or video is displayed

Excerpt Length (no Media): Excerpt length when no image or video is displayed

Show Excerpt On/Off

Show Read More On/Off

Date Format: Adjust how the date is shown

Open links in…: Same Window/New Window/Tab. This will not be reflected in the preview

Show Author On/Off: Show or hide the author of the content, when that info is available.

Show Author Avatar On/Off: Show the author’s avatar image when available

Link Author Name On/Off: If the author URL is available

Enable CTA On/Off: Show or hide the CTA(Call To Action) option

Custom Button Or Image: Custom Button/Custom Image

Width: Enter width for CTA image in %

Height: Enter height for CTA image in %

Bottom: Enter Bottom position for CTA image in %

Left: Enter Left position for CTA image in %

Cache Duration: How often new data will be refreshed from external content sources

Navigation Option:

Show thumbnail: On/Off , Should thumbnail show for navigation?

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content

Pixel

Overview: Pixel is probably the most unique lens we have ever created.

Appearance Options:

Showcase images in different frames: Toggle display of the frame on the appearance.

Navigation Options: The Navigation Type option offers variety of navigation types.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Facebook, NextGen Gallery, WooCommerce, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Polarad

Overview: The Polorad lens is one of our more abnormal and specialized lenses. This lens mimics old instant film prints and contains several variations and layouts. There are three color variations and four layout styles. In addition to these, you may also choose between four arrow styles.

Appearance Options

Lens Variation: Controls the color of the paper area of the slides. The choices New, Aged, and Attic provide a progressively worn look.

Layout Style: The lens will actually morph into a different presentation style depending on this option. The choices are Single, Three Wide, Peek and Stacked.

Show drop shadow? Should the drop shadow effect under the slide be visible?

Show tape? This controls whether or not the skeuomorphic tape above each slide is visible.

Arrow style: This option allows you to choose between the four predefined arrow styles for this lens.

Sources This Lens Works With: 500px, Dribbble, Flickr, Google+ Images, Instagram, Pinterest

Prime

Overview: Pull content from your favorite social platforms and showcase it in fullwidth sliders, or with a lightbox effect.

Appearance Options: Show Lightbox: This option show or hide the lightbox effect

Show Fullwidth: This option shows or hides the full-width sliders

Playback Options:

Slide Transition: Choose an animation for transitioning between slides

This has more options like: Blind X,Blind Y,Blind Z,Cover,Curtain X,Curtain Y,Grow X,Grow Y,Scroll up,Scroll down,Scroll horz,Scroll vert,Slide X,Slide Y,Toss,Turn Up,Turn Down,Turn Left,Turn Right,Uncover,Wipe,Zoom

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content

Proto

Overview: The Proto Lens was actually our initial proof of concept Lens. But it was so simple and elegant in its design we left it as a lens to choose from. The Proto Lens does not have any unique configuration options of its own, but it still does a wonderful job of presenting your content beautifully.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Reporter

Overview: Inspired by the original Smart SlideDeck layout in SlideDeck 1, the Reporter lens gives equal priority to images and text in your SlideDeck. With its unique navigation options and side-by-side presentation of your content, it’s a great way of showing off your dynamic content sources. Please note that due to its unique layout, Reporter does not work with Custom Content SlideDecks.

Appearance Options:

Transparent Background? Toggle if the background of the SlideDeck should be transparent. This works well with the “slide” or “flip” transactions.

Transparent Image Border? Toggle if the image border should have a subtle transparency to it. This works well with a thicker border on the image.

Image border width: The width of the border around the image in pixels. Specify 0 for no border.

Navigation Options: Navigation Type: Choose the type of navigation to use on the SlideDeck. In addition to turning the navigation off completely, the following options are available:

Titles Navigation

Dots Navigation:

Dates Navigation:

Navigation Date Format: Change the format of the date in the navigation area if the Navigation Type is set to Dates.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube.

Titles

Overview: The Titles lens was inspired by the custom SlideDeck lens used on the digital-telepathy blog (creators of SlideDeck 2). This lens is a gorgeous display for your latest blog posts or other dynamic content sources with striking imagery. Don’t have great imagery in your content source? No worries, the Titles lens will fall back gracefully framing your content’s title, time and author information.

Please note that due to its specialized, unique layout this lens does not work with Custom Content SlideDecks. There is not an option for excerpt display with this lens as the focus is on the imagery and the title, so you will see excerpt related options removed from the Content Options Panel.

Content Options: All excerpt options will be removed from this options panel as this lens does not have an area for excerpt content.

Navigation Options: Navigation Type: The type of navigation to display. By default, thumbnails are used, but you can also opt to choose dots if your content doesn’t have much imagery. You can also turn the navigation off completely with this option.

Thumbnail Height: If you have chosen the “Thumbnails” navigation type, you can specify a percentage of the width of the thumbnails to determine the thumbnail’s height. For example, a value of 50% will make the height of the thumbnail half of the width of the thumbnail.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube

Tool Kit

Overview: The Tool Lens is our “Swiss Army Knife” style lens. The goal was to create a lens that looks good on any site and can fit most everyone’s needs. Tool Kit handles Images, Videos, Text Only, and Custom HTML. It’s supported by all of the sources and the custom sources too.

Appearance Options: Border/Frame: (Thick / Hairline / None) Allows you to set the thickness of the frame

Caption Position: (Top / Left / Right / Bottom) Moves the caption area to the specified edge. Note that when navigation is inside of the frame area and is too close to the caption position, the caption position will be shifted away from it.

Text Color Variation: Allows you to set a color variation independent of the main Lens Variation option ***(Dynamic Source only)***.

Navigation Options: Navigation Position: (Top / Bottom / Left / Right) Tool Kit offers a relatively unique feature of being able to place the navigation thumbnails or dots at any edge of the deck. Keep in mind that this option may overpower other options. For example, if your navigation is Inside Slide Area and on the left, it will push your Caption Position to the right when selected. It’s also important to note that when the Navigation Position is set to Left or Right, the deck becomes a vertical deck.

Navigation Type: You can use this to switch between dots, thumbnails, or none.

Navigation Style: Tool Kit offers the ability to have your navigation dots or thumbnails either: Hanging outside the deck, In its own bar, or Inside the slide area. As noted above, the Inside slide area option may influence the Caption Position option.

Arrow Style: Choose from several built-in arrow styles for the deck. This affects the main navigation arrows only.

Thumbnail Arrow Style: This controls the arrows that are used to paginate the thumbnail navigation. There are only two styles, but we think they fit most needs.

Sources This Lens Works With: 500px, Dailymotion, Dribbble, Flickr, Google+, Google+ Images, Instagram, Pinterest, Posts, RSS Feeds, Twitter, Vimeo, YouTube, Custom Content.

Last updated