BC Gurus responsive template slider

Help!!!
I have installed one of BC Gurus' responsive templates for a new site and have somehow managed to mess up the home page slider.
All I did was open the Home template, delete a couple lines of code to remove a row, and the slider now displays stacked.
When I restored the code I had deleted, and even when I rolled the page back, the slide ris still not repaired.
Can someone PLEASE help me???
Here is the page: Home Page
Thank you!

Hi, this occurs if you open the homepage template live on the site via the page template.
The editor within the admin console will wipe out this code "data-orbit" once you save the template.
<ul data-orbit> (about line 28) on the homepage template.
It looks to be the way the editor is trying to keep the code clean - it does not recognise this as valid code so cleans it out.
Suggest if you can, to open the template using DEVELOP mode if accessible (this works) to you or edit it offline then upload.

Similar Messages

Custom Responsive Template

Hi,
Is it possible to create a custom responsive template? If so, how?
Thanks in advance.

There is another discussion thread at this moment about themes and templates: Templates vs Themes.
Just save the theme and you'll have it in all other projects available, no need to save is as an empty project at all. I would also recommend to save the custom theme colors palette, more information here:
Colorful 2015 with Adobe Captivate - Captivate blog
Theme Colors - Captivate blog
If you need more placeholders than the ones you create on the master slides, you can create a template. All depends on your needs...read the thread under the first link. You'll see that my opinion about templates is totally different from Rick's opinion. A template has a theme as well, even if you create a template, please save that theme (and the color palette) because it is a bit more flexible that a template. A theme has three components: Object styles (with the three breakpoint view styles for each object), master slides and skin. Shapes in CP8 have also three states because they can always be used as buttons.

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Error with universalis responsive template. Prices appear with 163; code before them instead of £ sign. Does anyone know how to fix this problem?

Workflow - WFMAIL - Response Template Customize

Hi All,
Were there any correct approaches/answers to the following type of questions posted by users for workflow ?
https://community.oracle.com/thread/2408439
How to customize notifications response email body in iExpense
I surprise less replies in case of customizing "Response Template (HTML text content/Frame Work/JavaScript content) in Workflow Message Templates (WFMAIL)" - in case of "Workflow Open Mail (Direct) Message" Type.
I understand some clients were using old method of Direct Response instead of moving to the new "Workflow Open Mail (Outlook Express)".
Thanks,
@N

When a Manager clicks on the APPROVE (button / link) to approve a workflow notification from a mailing application, a (response) mail gets composed to the Workflow Mailbox with the NID and Access Key. The content as shown below.
===========================
Action: ‘Approve’
Comments: ”
NID[3699/874478985@WFMAIL3]
===========================
Requirement:
Need to customize that response mail which is getting composed automatically; when user/employee/manager is clicking on approve / reject links in the notification outlook email. How to do this ?

Create a multi-page website using DW CC responsive template

I have a reponsive template set up for a new website. Is it possible to use that one template for various layout structures from page to page?
More specifically, I would like to modify the editable regions on various pages so that one page has two columns, another page has three columns, and the last page has a single column. Is that possible using one template?
I have used a single responsive template for other websites, however each of the pages had the same layout (two columns). There were no variations in the basic structure from page to page.

I am going to have to explore nested templates.
No, no, no, don't do that!! Nested templates are a total nightmare to work with.
One template should be all you need. Simply decide how many columns you want on a given child page and adjust column widths with page specific embedded CSS code like this.
Page 1
<style>
/**1-col child page**/
#col1 {width: 100%}
</style>
Page 2
<style>
/**2-col child page**/
#col1 {width: 50%}
#col2 {width:50%}
</style>
Page 3
<style>
/**3-col child page**/
#col1 {width: 33.3%}
#col2 {width:33.3%}
#col3 {width:33.3%}
</style>
Make sense?
Nancy O.

Bc responsive templates - frameworks

FYI, I was looking for a quick way to determine which frameworks the BC offered responsive templates used. Chat support was unable to immediately help but has a ticket out on this question. In the mean time I looked at the HTML so I thought others might be interested in this quick list as of 2014/06/30:
Universalis / Skeleton
Architecture / Bootstrap
Agency Portfolio / ?
Photography / Foundation
Accounting / Foundation
Listings / Foundation
Auto Dealer / Foundation
Interior Design / Foundation
Church / Foundation
Conference / Foundation
Cultivate / Foundation
Golf Club / Foundation
Law / Foundation
Boutique / Bootstrap
Coffee / Bootstrap
For my business model I plan to stick to on framework whenever possible (in my case Foundation.) While I prefer to create responsive UI's from scratch rather than a template some client projects (mainly because of budget) seem to lend themselves to a template. I'm not looking to get into a debate about using templates just thought others might be interested.
I'm hoping this can be added to the rollover info in the future as templates are revised or updated so it would be a little easier to find the info.

short answer, no
I was hoping there was a quick way to see the framework used by the bc provided (free) responsive templates (available when you create a new site). While I can dig into the HTML it would be nice to be able to see this info at a glance rather than waste time digging through the HTML of each template. Especially since the bc provided templates will most likely change or be updated over time, as such the frameworks (or custom builds) may change. No reason not to prove a quick note on the thumbnail rollover specifying the framework.

HTML5 CSS3 responsive templates

I've got a new template HTML5 CSS3 responsive. Wondering what the recommended method for navigation menu editing, top block and footer is. The pages are currently .html. In previous sites I changed over to php and used server side includes (library items before that.) I want to keep this new site working across devices. What do my DreamWeaver pros recommend in 2014?

Hi Nancy O.
Just to be sure, the site template has responsive menues built in. I need to be sure I have a way to edit the text in the menu, footer and topblock in a way that will edit across all the pages. You are recomending I switch to php and use server side includes like I have in the past before going with this responsive template. Correct?
Just one more question, Nancy. I'm curious, if this is the best way to go, how come I don't see a whole lot of site urls ending in .php instead of .html on the web these days? It almost seems like all sites should be php - how else do you edit components across all pages without making a change on each page everytime?
Thank so much, BTW, for your speedy reply!

Modify response template workflow_info.htm

Hi - I'm wanting to modify response template workflow_info.htm to display full names of reviewers in the template. I already know that the getValueForSpecifiedUser function will do that for me and I have some experience with custom components, but I'm not quite sure how to go about this particular change since the template is called from the GET_WORKFLOW_INFO_BYNAME service.
The questions I have are as follows:
What type of resource definition do I create?
Do I use a super tag to override the existing output? I'm leaning to the belief that I override the service itself rather than the output of the response template, but could use a pointer here.
Appreciate any advice anyone can provide.
Many thanks,
Jon

That helps a bunch. What I'm dealing with is that we need to display the full first and last name of the approvers in the workflow action history section as follows:
          
          <td class="<$rowClass$>">
               <div class="xuiListCellDivCenter" nowrap>
                    <script language="JavaScript">
                         var userString = "<$js(wfUsers)$>";
                         var userArray = userString.split(",");
                         for (var i=0; i<userArray.length; i++) { document.write(userArray[i] + "<br>") }
                    </script>
               </div></td>
So I would change the output to display their last and first name rather than their account name, which is what is currently showing up. That is the goal.
In the past, I've done components where I had used the @dynamichtml to key off the named fragment, so this became a problem when I was trying to use the response template for the Workflow service which didn't have any of these and I was left to try to make sense of how to do a component for this... I think I'm getting what you are saying to do and will give it a go. I'll post my success/fails here to go through it with you guys...
Many thanks
Edited by: Jon Almada on Feb 5, 2013 1:38 PM

Play button showing when publishing to responsive template

I'm having difficulties when previewing and publishing a responsive project.
Initially when I viewed the review/published project the first slide was blank and I had to use the TOC to navigate to the first page. I searched for a resolution and found a support document stating that auto play should be turned off when publishing a project in html5. I unchecked the auto play box in publish settings and the project now starts at the first slide. The issue now is that the play button displays throughout the course. Does anyone know how to remove this/change the settings? I've used Captivate 5.5 and 6 in the past and the play button has been hidden on click. Another issue is that the hand cursor doesn't appear when I hover over the button and it needs to be clicked twice before the project will start.
Here is an example...This is the first page but when I click the button it still appears on every slide of the project.
Please help.

I see the Helvetica problem on the menu
The birth card looks nice in italic, but I am sure that's not what you had intended.
Can you see whether this particular font is already in the Font Book. There might be a clash of fonts here ... Font Book and FontExplorer. Restart you Mac and see if the problem persists. But save your site first.
There is no need to re-install iWeb. This is a font issue.
I am using Extensis Suitcase
Joe
[email protected]

BC Gurus Foundation Template

Hi All,
Hope your all looking forward to the Christmas break.
I have a question about the zurb templates. I noticed on each template any secondary navigational menu is located to the right hand of the screen, as seen below.
We like to put our secondary menus on the left following good HCI principles as below.
This then causing a problem when displaying content in mobile view. It prioritises the menus, search box, contact box first and then shows the content which may lead a user to believe they have come to the wrong place as they cant see any content. Please see below.
How do I get around this? Ideally I would like the menu to disappear and appear as a slide in menu or as a menu button and the content to appear first with the search option and the contact form below the content.
I would really appreciate some suggestions on how I can acheive this.
Look forward to your ideas.
Thanks

Hi, this occurs if you open the homepage template live on the site via the page template.
The editor within the admin console will wipe out this code "data-orbit" once you save the template.
<ul data-orbit> (about line 28) on the homepage template.
It looks to be the way the editor is trying to keep the code clean - it does not recognise this as valid code so cleans it out.
Suggest if you can, to open the template using DEVELOP mode if accessible (this works) to you or edit it offline then upload.

Adora Template Slider Timing

Hi Guys, I need help finding the right piece of Javascript code to amend in the Adora template to slow the slides down to flip every 5 or 6 seconds (5000 to 6000 milliseconds) as opposed to what I can only assume is currently 3 secs (3000 milliseconds).
I've used the default BizCatalyst file manager to "edit" line 624 of jquery.anythingslider.js from 3000 milliseconds to 6000 milliseconds with no affect.
What am I missing here? Is this not the right line? Does "editing" via BizCatalyst's File Manager not work? I'll admit it's not the most advanced File Manager around (not by a long shot) but surely it should work as it would suggest when you "edit", amend, and "save"?
I've hunted in these forums and within the other Javascript files and am having no luck.
I'm assuming the Javascript file in question is jquery.anythingslider.js. I've been through the rest of them and they don't appear to have anything to do with the slideshow. jquery.nivo.slider.pack.js might have something to do with it but... MAN... that coding is a mess. What were youu guys thinking using a Script that messy within a template that people are going to want to customise? Lift your game please - you are Adobe, not some rank amateurs. Finding a piece of code in there is like finding a needle in 100 haystacks.
Des McKenzie

Thanks Pat,
There is indeed a jquery.anythingslider.js file within the "JS" folder but I've tried chamging the delay from 3000 to 6000 even to 20000 but it makes no diff. Also it seems to sit for a disproportionate length of time on first load before the first scroll.
Code from jquery.anythingslider.js is:
    AnythingSlider v1.5.7.3
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
    crazy mods by Rob Garrison (aka Mottie): https://github.com/ProLoser/AnythingSlider
    To use the navigationFormatter function, you must have a function that
    accepts two paramaters, and returns a string of HTML text.
    index = integer index (1 based);
    panel = jQuery wrapped LI item this tab references
    @return = Must return a string of HTML/Text
    navigationFormatter: function(index, panel){
        return "Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
(function($) {
    $.anythingSlider = function(el, options) {
        // To avoid scope issues, use 'base' instead of 'this'
        // to reference this class from internal events and functions.
        var base = this;
        // Wraps the ul in the necessary divs and then gives Access to jQuery element
        base.$el = $(el).addClass('anythingBase').wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');
        // Add a reverse reference to the DOM object
        base.$el.data("AnythingSlider", base);
        base.init = function(){
            base.options = $.extend({}, $.anythingSlider.defaults, options);
            if ($.isFunction(base.options.onBeforeInitialize)) { base.$el.bind('before_initialize', base.options.onBeforeInitialize); }
            base.$el.trigger('before_initialize', base);
            // Cache existing DOM elements for later
            // base.$el = original ul
            // for wrap - get parent() then closest in case the ul has "anythingSlider" class
            base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + base.options.theme);
            base.$window = base.$el.closest('div.anythingWindow');
            base.$controls = $('<div class="anythingControls"></div>').appendTo( (base.options.appendControlsTo !== null && $(base.options.appendControlsTo).length) ? $(base.options.appendControlsTo) : base.$wrapper); // change so this works in jQuery 1.3.2
            base.win = window;
            base.$win = $(base.win);
            base.$nav = $('<ul class="thumbNav" />').appendTo(base.$controls);
            // Set up a few defaults & get details
            base.timer   = null; // slideshow timer (setInterval) container
            base.flag    = false; // event flag to prevent multiple calls (used in control click/focusin)
            base.playing = false; // slideshow state
            base.hovered = false; // actively hovering over the slider
            base.panelSize = []; // will contain dimensions and left position of each panel
            base.currentPage = base.options.startPanel;
            base.adjustLimit = (base.options.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
            if (base.options.playRtl) { base.$wrapper.addClass('rtl'); }
            // save some options
            base.original = [ base.options.autoPlay, base.options.buildNavigation, base.options.buildArrows];
            base.updateSlider();
            base.$currentPage = base.$items.eq(base.currentPage);
            base.$lastPage = base.$currentPage;
            // Get index (run time) of this slider on the page
            base.runTimes = $('div.anythingSlider').index(base.$wrapper) + 1;
            base.regex = new RegExp('panel' + base.runTimes + '-(\\d+)', 'i'); // hash tag regex
            // Make sure easing function exists.
            if (!$.isFunction($.easing[base.options.easing])) { base.options.easing = "swing"; }
            // Add theme stylesheet, if it isn't already loaded
            if (base.options.theme !== 'default' && !$('link[href*=' + base.options.theme + ']').length){
                $('body').append('<link rel="stylesheet" href="' + base.options.themeDirectory.replace(/\{themeName\}/g, base.options.theme) + '" type="text/css" />');
            // If pauseOnHover then add hover effects
            if (base.options.pauseOnHover) {
                base.$wrapper.hover(function() {
                    if (base.playing) {
                        base.$el.trigger('slideshow_paused', base);
                        base.clearTimer(true);
                }, function() {
                    if (base.playing) {
                        base.$el.trigger('slideshow_unpaused', base);
                        base.startStop(base.playing, true);
            // If a hash can not be used to trigger the plugin, then go to start panel
            var startPanel = (base.options.hashTags) ? base.gotoHash() || base.options.startPanel : base.options.startPanel;
            base.setCurrentPage(startPanel, false); // added to trigger events for FX code
            // Hide/Show navigation & play/stop controls
            base.slideControls(false);
            base.$wrapper.bind('mouseenter mouseleave', function(e){
                base.hovered = (e.type === "mouseenter") ? true : false;
                base.slideControls( base.hovered, false );
            // Add keyboard navigation
            if (base.options.enableKeyboard) {
                $(document).keyup(function(e){
                    if (base.$wrapper.is('.activeSlider')) {
                        switch (e.which) {
                            case 39: // right arrow
                                base.goForward();
                                break;
                            case 37: //left arrow
                                base.goBack();
                                break;
            // Binds events
            var triggers = "slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");
            $.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,o){
                if ($.isFunction(base.options[o])){
                    base.$el.bind(triggers[i], base.options[o]);
            if ($.isFunction(base.options.onSlideComplete)){
                // Added setTimeout (zero time) to ensure animation is complete... see this bug report: http://bugs.jquery.com/ticket/7157
                base.$el.bind('slide_complete', function(){
                    setTimeout(function(){ base.options.onSlideComplete(base); }, 0);
            base.$el.trigger('initialized', base);
        // called during initialization & to update the slider if a panel is added or deleted
        base.updateSlider = function(){
            // needed for updating the slider
            base.$el.find('li.cloned').remove();
            base.$nav.empty();
            base.$items = base.$el.find('> li');
            base.pages = base.$items.length;
            // Set the dimensions of each panel
            if (base.options.resizeContents) {
                if (base.options.width) { base.$wrapper.add(base.$items).css('width', base.options.width); }
                if (base.options.height) { base.$wrapper.add(base.$items).css('height', base.options.height); }
            // Remove navigation & player if there is only one page
            if (base.pages === 1) {
                base.options.autoPlay = false;
                base.options.buildNavigation = false;
                base.options.buildArrows = false;
                base.$controls.hide();
                base.$nav.hide();
                if (base.$forward) { base.$forward.add(base.$back).hide(); }
            } else {
                base.options.autoPlay = base.original[0];
                base.options.buildNavigation = base.original[1];
                base.options.buildArrows = base.original[2];
                base.$controls.show();
                base.$nav.show();
                if (base.$forward) { base.$forward.add(base.$back).show(); }
            // Build navigation tabs
            base.buildNavigation();
            // If autoPlay functionality is included, then initialize the settings
            if (base.options.autoPlay) {
                base.playing = !base.options.startStopped; // Sets the playing variable to false if startStopped is true
                base.buildAutoPlay();
            // Build forwards/backwards buttons
            if (base.options.buildArrows) { base.buildNextBackButtons(); }
            // Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
            // This supports the "infinite" scrolling, also ensures any cloned elements don't duplicate an ID
            base.$el.prepend( (base.options.infiniteSlides) ? base.$items.filter(':last').clone().addClass('cloned').removeAttr('id') : $('<li class="cloned" />') );
            base.$el.append( (base.options.infiniteSlides) ? base.$items.filter(':first').clone().addClass('cloned').removeAttr('id') : $('<li class="cloned" />') );
            base.$el.find('li.cloned').each(function(){
                // replace <a> with <span> in cloned panels to prevent shifting the panels by tabbing - modified so this will work with jQuery 1.3.2
                $(this).html( $(this).html().replace(/<a/gi, '<span').replace(/\/a>/gi, '/span>') );
                $(this).find('[id]').removeAttr('id');
            // We just added two items, time to re-cache the list, then get the dimensions of each panel
            base.$items = base.$el.find('> li').addClass('panel');
            base.setDimensions();
            if (!base.options.resizeContents) { base.$win.load(function(){ base.setDimensions(); }); } // set dimensions after all images load
            if (base.currentPage > base.pages) {
                base.currentPage = base.pages;
                base.setCurrentPage(base.pages, false);
            base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection
            base.hasEmb = base.$items.find('embed[src*=youtube]').length; // embedded youtube objects exist in the slider
            base.hasSwfo = (typeof(swfobject) !== 'undefined' && swfobject.hasOwnProperty('embedSWF') && $.isFunction(swfobject.embedSWF)) ? true : false; // is swfobject loaded?
            // Initialize YouTube javascript api, if YouTube video is present
            if (base.hasEmb && base.hasSwfo) {
                base.$items.find('embed[src*=youtube]').each(function(i){
                    // Older IE doesn't have an object - just make sure we are wrapping the correct element
                    var $tar = ($(this).parent()[0].tagName === "OBJECT") ? $(this).parent() : $(this);
                    $tar.wrap('<div id="ytvideo' + i + '"></div>');
                    // use SWFObject if it exists, it replaces the wrapper with the object/embed
                    swfobject.embedSWF($(this).attr('src') + '&enablejsapi=1&version=3&playerapiid=ytvideo' + i, 'ytvideo' + i,
                        $tar.attr('width'), $tar.attr('height'), '10', null, null,
                        { allowScriptAccess: "always", wmode : base.options.addWmodeToObject, allowfullscreen : true },
                        { 'class' : $tar.attr('class'), 'style' : $tar.attr('style') },
                        function(){ if (i >= base.hasEmb - 1) { base.$el.trigger('swf_completed', base); } } // swf callback
            // Fix tabbing through the page
            base.$items.find('a').unbind('focus').bind('focus', function(e){
                base.$items.find('.focusedLink').removeClass('focusedLink');
                $(this).addClass('focusedLink');
                var panel = $(this).closest('.panel');
                if (!panel.is('.activePage')) {
                    base.gotoPage(base.$items.index(panel));
                    e.preventDefault();
        // Creates the numbered navigation links
        base.buildNavigation = function() {
            if (base.options.buildNavigation && (base.pages > 1)) {
                base.$items.filter(':not(.cloned)').each(function(i,el) {
                    var index = i + 1,
                        klass = ((index === 1) ? 'first' : '') + ((index === base.pages) ? 'last' : ''),
                        $a = $('<a href="#"></a>').addClass('panel' + index).wrap('<li class=" + klass + " />');
                    base.$nav.append($a.parent()); // use $a.parent() so IE will add <li> instead of only the <a> to the <ul>
                    // If a formatter function is present, use it
                    if ($.isFunction(base.options.navigationFormatter)) {
                        var tmp = base.options.navigationFormatter(index, $(this));
                        $a.html(tmp);
                        // Add formatting to title attribute if text is hidden
                        if (parseInt($a.css('text-indent'),10) < 0) { $a.addClass(base.options.tooltipClass).attr('title', tmp); }
                    } else {
                        $a.text(index);
                    $a.bind(base.options.clickControls, function(e) {
                        if (!base.flag && base.options.enableNavigation) {
                            // prevent running functions twice (once for click, second time for focusin)
                            base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
                            base.gotoPage(index);
                            if (base.options.hashTags) { base.setHash(index); }
                        e.preventDefault();
        // Creates the Forward/Backward buttons
        base.buildNextBackButtons = function() {
            if (base.$forward) { return; }
            base.$forward = $('<span class="arrow forward"><a href="#">' + base.options.forwardText + '</a></span>');
            base.$back = $('<span class="arrow back"><a href="#">' + base.options.backText + '</a></span>');
            // Bind to the forward and back buttons
            base.$back.bind(base.options.clickArrows, function(e) {
                base.goBack();
                e.preventDefault();
            base.$forward.bind(base.options.clickArrows, function(e) {
                base.goForward();
                e.preventDefault();
            // using tab to get to arrow links will show they have focus (outline is disabled in css)
            base.$back.add(base.$forward).find('a').bind('focusin focusout',function(){
             $(this).toggleClass('hover');
            // Append elements to page
            base.$wrapper.prepend(base.$forward).prepend(base.$back);
            base.$arrowWidth = base.$forward.width();
        // Creates the Start/Stop button
        base.buildAutoPlay = function(){
            if (base.$startStop) { return; }
            base.$startStop = $("<a href='#' class='start-stop'></a>").html(base.playing ? base.options.stopText : base.options.startText);
            base.$controls.prepend(base.$startStop);
            base.$startStop
                .bind(base.options.clickSlideshow, function(e) {
                    if (base.options.enablePlay) {
                        base.startStop(!base.playing);
                        if (base.playing) {
                            if (base.options.playRtl) {
                                base.goBack(true);
                            } else {
                                base.goForward(true);
                    e.preventDefault();
                // show button has focus while tabbing
                .bind('focusin focusout',function(){
                    $(this).toggleClass('hover');
            // Use the same setting, but trigger the start;
            base.startStop(base.playing);
        // Set panel dimensions to either resize content or adjust panel to content
        base.setDimensions = function(){
            var w, h, c, cw, dw, leftEdge = 0, bww = base.$window.width(), winw = base.$win.width();
            base.$items.each(function(i){
                c = $(this).children('*');
                if (base.options.resizeContents){
                    // get viewport width & height from options (if set), or css
                    w = parseInt(base.options.width,10) || bww;
                    h = parseInt(base.options.height,10) || base.$window.height();
                    // resize panel
                    $(this).css({ width: w, height: h });
                    // resize panel contents, if solitary (wrapped content or solitary image)
                    if (c.length === 1){
                        c.css({ width: '100%', height: '100%' });
                        if (c[0].tagName === "OBJECT") { c.find('embed').andSelf().attr({ width: '100%', height: '100%' }); }
                } else {
                    // get panel width & height and save it
                    w = $(this).width(); // if not defined, it will return the width of the ul parent
                    dw = (w >= winw) ? true : false; // width defined from css?
                    if (c.length === 1 && dw){
                        cw = (c.width() >= winw) ? bww : c.width(); // get width of solitary child
                        $(this).css('width', cw); // set width of panel
                        c.css('max-width', cw);   // set max width for all children
                        w = cw;
                    w = (dw) ? base.options.width || bww : w;
                    $(this).css('width', w);
                    h = $(this).outerHeight(); // get height after setting width
                    $(this).css('height', h);
                base.panelSize[i] = [w,h,leftEdge];
                leftEdge += w;
            // Set total width of slider, but don't go beyond the set max overall width (limited by Opera)
            base.$el.css('width', (leftEdge < base.options.maxOverallWidth) ? leftEdge : base.options.maxOverallWidth);
        base.gotoPage = function(page, autoplay, callback) {
            if (base.pages === 1) { return; }
            base.$lastPage = base.$items.eq(base.currentPage);
            if (typeof(page) !== "number") {
                page = base.options.startPage;
                base.setCurrentPage(base.options.startPage);
            // pause YouTube videos before scrolling or prevent change if playing
            if (base.hasEmb && base.checkVideo(base.playing)) { return; }
            if (page > base.pages + 1 - base.adjustLimit) { page = (!base.options.infiniteSlides && !base.options.stopAtEnd) ? 1 : base.pages; }
            if (page < base.adjustLimit ) { page = (!base.options.infiniteSlides && !base.options.stopAtEnd) ? base.pages : 1; }
            base.$currentPage = base.$items.eq(page);
            base.currentPage = page; // ensure that event has correct target page
            base.$el.trigger('slide_init', base);
            base.slideControls(true, false);
            // When autoplay isn't passed, we stop the timer
            if (autoplay !== true) { autoplay = false; }
            // Stop the slider when we reach the last page, if the option stopAtEnd is set to true
            if (!autoplay || (base.options.stopAtEnd && page === base.pages)) { base.startStop(false); }
            base.$el.trigger('slide_begin', base);
            // resize slider if content size varies
            if (!base.options.resizeContents) {
                // animating the wrapper resize before the window prevents flickering in Firefox
                base.$wrapper.filter(':not(:animated)').animate(
                    { width: base.panelSize[page][0], height: base.panelSize[page][1] },
                    { queue: false, duration: base.options.animationTime, easing: base.options.easing }
            // Animate Slider
            base.$window.filter(':not(:animated)').animate(
                { scrollLeft : base.panelSize[page][2] },
                { queue: false, duration: base.options.animationTime, easing: base.options.easing, complete: function(){ base.endAnimation(page, callback); } }
        base.endAnimation = function(page, callback){
            if (page === 0) {
                base.$window.scrollLeft(base.panelSize[base.pages][2]);
                page = base.pages;
            } else if (page > base.pages) {
                // reset back to start position
                base.$window.scrollLeft(base.panelSize[1][2]);
                page = 1;
            base.setCurrentPage(page, false);
            // Add active panel class
            base.$items.removeClass('activePage').eq(page).addClass('activePage');
            if (!base.hovered) { base.slideControls(false); }
            // continue YouTube video if in current panel
            if (base.hasEmb){
                var emb = base.$currentPage.find('object[id*=ytvideo], embed[id*=ytvideo]');
                // player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
                if (emb.length && $.isFunction(emb[0].getPlayerState) && emb[0].getPlayerState() > 0 && emb[0].getPlayerState() !== 5) {
                    emb[0].playVideo();
            base.$el.trigger('slide_complete', base);
            // callback from external slide control: $('#slider').anythingSlider(4, function(slider){ })
            if (typeof callback === 'function') { callback(base); }
            // Continue slideshow after a delay
            if (base.options.autoPlayLocked && !base.playing) {
                setTimeout(function(){
                    base.startStop(true);
                // subtract out slide delay as the slideshow waits that additional time.
                }, base.options.resumeDelay - base.options.delay);
        base.setCurrentPage = function(page, move) {
            if (page > base.pages + 1 - base.adjustLimit) { page = base.pages - base.adjustLimit; }
            if (page < base.adjustLimit ) { page = 1; }
            // Set visual
            if (base.options.buildNavigation){
                base.$nav.find('.cur').removeClass('cur');
                base.$nav.find('a').eq(page - 1).addClass('cur');
            // hide/show arrows based on infinite scroll mode
            if (!base.options.infiniteSlides && base.options.stopAtEnd){
                base.$wrapper.find('span.forward')[ page === base.pages ? 'addClass' : 'removeClass']('disabled');
                base.$wrapper.find('span.back')[ page === 1 ? 'addClass' : 'removeClass']('disabled');
                if (page === base.pages && base.playing) { base.startStop(); }
            // Only change left if move does not equal false
            if (!move) {
                base.$wrapper.css({
                    width: base.panelSize[page][0],
                    height: base.panelSize[page][1]
                base.$wrapper.scrollLeft(0); // reset in case tabbing changed this scrollLeft
                base.$window.scrollLeft( base.panelSize[page][2] );
            // Update local variable
            base.currentPage = page;
            // Set current slider as active so keyboard navigation works properly
            if (!base.$wrapper.is('.activeSlider')){
                $('.activeSlider').removeClass('activeSlider');
                base.$wrapper.addClass('activeSlider');
        base.goForward = function(autoplay) {
            if (autoplay !== true) { autoplay = false; base.startStop(false); }
            base.gotoPage(base.currentPage + 1, autoplay);
        base.goBack = function(autoplay) {
            if (autoplay !== true) { autoplay = false; base.startStop(false); }
            base.gotoPage(base.currentPage - 1, autoplay);
        // This method tries to find a hash that matches panel-X
        // If found, it tries to find a matching item
        // If that is found as well, then that item starts visible
        base.gotoHash = function(){
            var n = base.win.location.hash.match(base.regex);
            return (n===null) ? '' : parseInt(n[1],10);
        base.setHash = function(n){
            var s = 'panel' + base.runTimes + '-',
                h = base.win.location.hash;
            if ( typeof h !== 'undefined' ) {
                base.win.location.hash = (h.indexOf(s) > 0) ? h.replace(base.regex, s + n) : h + "&" + s + n;
        // Slide controls (nav and play/stop button up or down)
        base.slideControls = function(toggle, playing){
            var dir = (toggle) ? 'slideDown' : 'slideUp',
                t1 = (toggle) ? 0 : base.options.animationTime,
                t2 = (toggle) ? base.options.animationTime: 0,
                sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
            if (base.options.toggleControls) {
                base.$controls.stop(true,true).delay(t1)[dir](base.options.animationTime/2).delay(t2);
            if (base.options.buildArrows && base.options.toggleArrows) {
                if (!base.hovered && base.playing) { sign = 1; t2 = 0; } // don't animate arrows during slideshow
                base.$forward.stop(true,true).delay(t1).animate({ right: sign * base.$arrowWidth, opacity: t2 }, base.options.animationTime/2);
                base.$back.stop(true,true).delay(t1).animate({ left: sign * base.$arrowWidth, opacity: t2 }, base.options.animationTime/2);
        base.clearTimer = function(paused){
            // Clear the timer only if it is set
            if (base.timer) {
                base.win.clearInterval(base.timer);
                if (!paused) {
                    base.$el.trigger('slideshow_stop', base);
        // Handles stopping and playing the slideshow
        // Pass startStop(false) to stop and startStop(true) to play
        base.startStop = function(playing, paused) {
            if (playing !== true) { playing = false; } // Default if not supplied is false
            if (playing && !paused) {
                base.$el.trigger('slideshow_start', base);
            // Update variable
            base.playing = playing;
            // Toggle playing and text
            if (base.options.autoPlay) {
                base.$startStop.toggleClass('playing', playing).html( playing ? base.options.stopText : base.options.startText );
                // add button text to title attribute if it is hidden by text-indent
                if (parseInt(base.$startStop.css('text-indent'),10) < 0) {
                    base.$startStop.addClass(base.options.tooltipClass).attr('title', playing ? 'Stop' : 'Start');
            if (playing){
                base.clearTimer(true); // Just in case this was triggered twice in a row
                base.timer = base.win.setInterval(function() {
                    // prevent autoplay if video is playing
                    if (!(base.hasEmb && base.checkVideo(playing))) {
                        if (base.options.playRtl) {
                            base.goBack(true);
                        } else {
                            base.goForward(true);
                }, base.options.delay);
            } else {
                base.clearTimer();
        base.checkVideo = function(playing){
            // pause YouTube videos before scrolling?
            var emb, ps, stopAdvance = false;
            base.$items.find('object[id*=ytvideo], embed[id*=ytvideo]').each(function(){ // include embed for IE; if not using SWFObject, old detach/append code needs "object embed" here
                emb = $(this);
                if (emb.length && $.isFunction(emb[0].getPlayerState)) {
                    // player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
                    ps = emb[0].getPlayerState();
                    // if autoplay, video playing, video is in current panel and resume option are true, then don't advance
                    if (playing && (ps === 1 || ps > 2) && base.$items.index(emb.closest('li.panel')) === base.currentPage && base.options.resumeOnVideoEnd) {
                        stopAdvance = true;
                    } else {
                        // pause video if not autoplaying (if already initialized)
                        if (ps > 0) { emb[0].pauseVideo(); }
            return stopAdvance;
        // Trigger the initialization
        base.init();
    $.anythingSlider.defaults = {
        // Appearance
        width               : null,      // Override the default CSS width
        height              : null,      // Override the default CSS height
        resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
        tooltipClass        : 'tooltip', // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
        theme               : 'default', // Theme name
        themeDirectory      : 'css/theme-{themeName}.css', // Theme directory & filename {themeName} is replaced by the theme value above
        // Navigation
        startPanel          : 1,         // This sets the initial panel
        hashTags            : true,      // Should links change the hashtag in the URL?
        infiniteSlides      : true,      // if false, the slider will not wrap
        enableKeyboard      : true,      // if false, keyboard arrow keys will not work for the current panel.
        buildArrows         : true,      // If true, builds the forwards and backwards buttons
        toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
        buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
        enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
        toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
        appendControlsTo    : null,      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
        navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
        forwardText         : "»", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
        backText            : "«", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
        // Slideshow options
        enablePlay          : true,      // if false, the play/stop button will still be visible, but not clickable.
        autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
        autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
        startStopped        : false,     // If autoPlay is on, this can force it to start stopped
        pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
        resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video is complete
        stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
        playRtl             : false,     // If true, the slideshow will move right-to-left
        startText           : "Start",   // Start button text
        stopText            : "Stop",    // Stop button text
        delay               : 6000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
        resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
        animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
        easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
        // Callbacks - removed from options to reduce size - they still work
        // Interactivity
        clickArrows         : "click",         // Event used to activate arrow functionality (e.g. "click" or "mouseenter")
        clickControls       : "click focusin", // Events used to activate navigation control functionality
        clickSlideshow      : "click",         // Event used to activate slideshow play/stop button
        // Misc options
        addWmodeToObject    : "opaque", // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
        maxOverallWidth     : 32766     // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera
    $.fn.anythingSlider = function(options, callback) {
        return this.each(function(i){
            var anySlide = $(this).data('AnythingSlider');
            // initialize the slider but prevent multiple initializations
            if ((typeof(options)).match('object|undefined')){
                if (!anySlide) {
                    (new $.anythingSlider(this, options));
                } else {
                    anySlide.updateSlider();
            // If options is a number, process as an external link to page #: $(element).anythingSlider(#)
            } else if (/\d/.test(options) && !isNaN(options) && anySlide) {
                var page = (typeof(options) === "number") ? options : parseInt($.trim(options),10); // accepts " 2 "
                // ignore out of bound pages
                if ( page >= 1 && page <= anySlide.pages ) {
                    anySlide.gotoPage(page, false, callback); // page #, autoplay, one time callback
})(jQuery);
/* AnythingSlider works with works with jQuery 1.4+, but you can uncomment the code below to make it
   work with jQuery 1.3.2. You'll have to manually add the code below to the minified copy if needed */
// Copied from jQuery 1.4.4 to make AnythingSlider backwards compatible to jQuery 1.3.2
if (typeof jQuery.fn.delay === 'undefined') {
jQuery.fn.extend({
   delay: function( time, type ) {
    time = jQuery.fx ? jQuery.fx.speeds[time] || time : time; type = type || "fx";
    return this.queue( type, function() { var elem = this; setTimeout(function() { jQuery.dequeue( elem, type ); }, time ); });

Changing response template for CHECKIN_NEW service

Hi!
We use the CHECKIN_NEW service via URL.
When the file is checked in, though, instead of having the checkin_confirm.htm response page (from CHECKIN_CONFIRM_FORM invoked by CHECKIN_NEW), I would like to have a response page of my own design.
Can I, by overriding CHECKIN_NEW in a custom component, only add a new template as a ConfirmPage and have this displayed instead or how do I do this the best way?

I am going from memory from years ago when someone asked me this same question, but I think that the service that the service CHECKIN_CONFIRM_FORM is the service you want and actually all you would need to override would be the actual form called by the service (or the includes that are called on that form) to change or personalize the check in confirmation form.
On pre 11g servers add &ScriptDebugTrace=1 to the url of that page. This will give you the hierarchy of includes called from that form (which was called by the CHECKIN_CONFIRM_FORM service and appears as one of the parameters to the service if you go look at std_services.htm or the services reference guide.
On 11g &ScriptDebugTrace=1 is turned off by default. Search the online 11g docs for that variable to find out how to turn it back on. You could turn it off on pre 11g servers but it was on by default as opposed to off by default in 11g.
So the service calls the template (which you can find the name of in the service definition or the services reference guide or by looking in the standard template file templates.hda) and the template has standard include calls inside of it which call other includes. You can look at those with &ScriptDebugTrace=1 on the page URL (but remember not to be in Trays layout because Framesets mess up the URL)
Some of this same stuff is in a note on My Oracle Support (MOS)
How Is The Content Server Customized with IDOC Script and Custom Components? (Doc ID 983321.1)
Support can not help with custom code but they made a simple note to offer some general guidelines.
Edited by: KJR on Oct 28, 2010 10:53 AM

Creating a Responsive Image Slider in Dreamweaver

Hello,
In Dreamweaver, when we select fluid grid layout, how do we create a responsive slider, if we make use of properties in CSS designer panel. I can design static website, but having difficulty when it comes to Responsive one.
Any advise would be appreciated.
Thanks

You have answered my reply as being correct and rightly so.
But Preran's example using Bootstrap is probably the better way to go and, as Nancy suggests, Bootstrap is much more than a RWD framework, it is an all encompassing site building framework that can be customised as required.
I can go on for a long time regarding the virtues of Bootstrap, suffice to say that if an Adobe staff member sees fit to start dabbling around with Bootstrap rather than using Adobe's own FGL, lights must start flashing in the development world.
My advice (especially to Os): Start using the Bootstrap source files (Less and JS) and use the Prepros app until DW comes with its own compiler. For a leg up see here Bootstrap 3 Less Workflow Tutorial | Experience Design at Hello Erik
Enough said for now.

Interior Design Template slider problem

Can anyone help me with the Interior design template? I edited the title tag and suddenly the sliders decided to stack on top of each other. I figured that the home page template must be screwed up so I created a new site with the template. I copied and pasted the Home page code into a new Page Template on the site and changed the module numbers. But the sliders are still stacking on each other.
Here's the page: feetforlife.com/index2.html
I need help FAST if anyone can help.

Problem solved thanks to Curtiss Prickett. See his message to me below to solve the issue. Thanks Curtiss!!
What I think may have happened is that the BC default editor may have stripped a critical piece of data from the UL that is required for the orbit slider. The only way to fix it would be to upload the fixed template file and upload via Dreamweaver, or you can open the "Develop" tab and open the "Home Page.html" file in the template folder. The slider code should look like the code below paying attention to the "data-orbit" on the UL:
<div class="slideshow-wrapper touch" id="hero">
    <div class="preloader"></div>
    <ul data-orbit>
        {module_webapps,....,a} <---- (your module number)
    </ul>
</div>
Hope this works for you. - Curtiss

What has happened to the responsive templates that where in Create New site?

They have all changed except for Universalis. I was showcasing to potential client's and cannot see the options there.In particular there were two excellent event booking templates and a Legal company template?

They might be some of the templates affected by this announcement.
Updating Business Catalyst customer on-boarding experience

BC Gurus responsive template slider

Similar Messages

Maybe you are looking for