Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...JQuery Slider HelpJQuery Slider Help
Previous
 
Next
New Post
10/22/2015 10:27 AM
 

We purchased a different skin through the same vendor.  They included a User Guide PDF in the download that helped walk you through setting up the sliders.  Did your Skin files include that?  You might need to change the container type to utilize the slider functionality.  

 
New Post
10/26/2015 4:20 PM
 
I have used similar skins. The one complaint I have agains skin designers is that their "documentation" often falls flat, particularly when it comes to fancier items that are included.

You should start by asking the skin developer for some help. Did they provide documentation?

Often, the "sliders" included in skins are jquery packages (from someone else) included in the skin, along with some integration. If you can find the source for the jquery package, you may find some demo sites, documentation, etc.

For BestDNNSkins' Flex Slider, Slide Pictures example, poke around in the page source and you'll find a reference to /Portals/_default/Skins/Simple/js/jquery.flexslider.min.js. If you open the file, you'll see that it is:

* jQuery FlexSlider v2.2.0
* Copyright 2012 WooThemes
* Contributing Author: Tyler Smith

So, if you Google "Flexslider WooThemes" you will turn up lots of references to the jQuery plugin.

Digging further on the demo page, you'll find this code inside of an HTML module:

< div class="flexslider">
< ul class="slides">
< li> < /li>
< li> < /li >
< li> < /li >
< li> < /li >
< /ul>
< /div>

This is a rather typical structure, where the "slides" are images in list elements in an unordered list. The list is wrapped in a div with a particular class, flexslider. If you dig a little deeper, you'll probably find that the flexslider code operates on divs with that class.

So ... all that you need to do with drop that code into an HTML module (in the HTML mode), and the slider should start right up, provided that your skin load the flexslider jQuery file.

But ... start with the documentation ...



Joe Craig
Patapsco Research Group, Ellicott City, MD
DotNetNuke Development and Services (http://patapscorg.com)
 
New Post
10/26/2015 4:58 PM
 
Does the theme have documentation or a "read me first /how to use or install".txt file that is usually in theme's root folder?
 
New Post
10/29/2015 6:47 PM
 
Documentation is helping. Thanks to all. Editing is a bit cumbersome, though, for my skill set. Image height, width, placement, etc. are a little confusing.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...JQuery Slider HelpJQuery Slider Help


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out