Loading ...

Carousel Template | Communifire Documentation

Comments (8)

   
agandha

Hi,

If I would like to override this template, how do I insert two static contents as the first two contents that will be shown on this carousel?

12/5/2017 08:17 PM
 · 
by
   
mtrujillo

Hey Arvin,

      Modify the existing template or create a new template. Add two items before the loop:

   <div class="carousel-inner">

<!-- Item 1 -->
                    <div class="item">
                        <img src="yoursite.com/image.jpg" alt="My Article" />
                        <div class="carousel-caption">
                            <h4><a title="My Article" href="yoursite.com/article.html">My Article</a></h4>
                            <p>Summary Description</p>
                        </div>
                    </div>

<!-- Item 2 -->
                    <div class="item">
                        <img src="yoursite.com/image.jpg" alt="My Article" />
                        <div class="carousel-caption">
                            <h4><a title="My Article" href="yoursite.com/article.html">My Article</a></h4>
                            <p>Summary Description</p>
                        </div>
                    </div>

<!-- Dynamic Content -->
                {{#each Contents}}
                    <div class="item">
                        <img src="{{ContentImageURL}}" alt="{{{Title}}}" />
                        <div class="carousel-caption">
                            <h4><a title="{{{Title}}}" href="{{ContentURL}}">{{{Title}}}</a></h4>
                            <p>{{{Summary}}}</p>
                        </div>
                    </div>
                 {{/each}}

            </div>

12/5/2017 08:21 PM
 · 
by
   
agandha

How do you control the transition / fade-out between slides?

1/3/2018 05:11 PM
 · 
by
   
gskamau

Hey Arvin,

In the following line:

jQuery(carouselSelector).carousel({
            interval: 5000
        });

Set your desired time (in milliseconds).

Grace

1/3/2018 05:17 PM
 · 
by
   
agandha

How about the way the slide transitions? Are there any other modes besides fade out and fade in? 

1/5/2018 01:12 AM
 · 
by
   
gskamau

Hey Arvin,

You can remove "carousel-fade" from the template to remove the fade effect. You can also create your own transition effect using CSS and HTML.

Grace

1/5/2018 01:55 AM
 · 
by
   
agandha

Somehow this is creating a lag when there is a link in the content.  Anyone else experiencing this? 

5/14/2018 07:27 PM
 · 
by
   
gskamau

Hey Arvin,

Is the link in the body or summary? Is the link an @mention?

Grace

5/14/2018 08:01 PM
 · 
by
   
agandha

It's a mix, within aggregated content. Not an @mention. May be Shannon Brammer can elaborate on this matter.

5/14/2018 08:11 PM
 · 
by
   
sbrammer

The carousel buttons do not work to scroll through our advance content. 

5/23/2018 11:15 PM
 · 
by
   
agandha

We're still having issues with this. On some of the content, the carousel freeze up and cannot advance to the next or previous content until a few seconds. 

7/6/2018 09:35 PM
 · 
by
   
mtrujillo

Hey Arvin,

     The carousel above is for Communifire 6. You are using a version for Communifire 5.2 which was customized for your site. Seems there are bugs in that version, can you please submit a private case so we can help there.

Thank you

7/9/2018 05:35 PM
 · 
by

Pages

Intranet Software