Hi.I am a quite beginner here.. I have been doing some smaller umbracosites and now I wanted to implement bootstrap..My problem is how to get the bootstrap carousel working.I have tried to implement it in the code but it is not working as it should. It just shows the content above each other instead of in the carousel.Does any have a solution or an example to see??My code is like this.. <xsl:variable name="sliderNode" select="$currentPage/parent::/child::[@level=1]"/> <xsl:for-each select="$sliderNode/child::umediaSlider"> <div class="slider"> <div class="container-fluid"> <div id="heroSlider" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="hero-unit"> <div class="row-fluid"> <div class="span7 marketting-info"> <h1> <xsl:value-of select="@nodeName"/> </h1> <p> <xsl:value-of select="teaserText" disable-output-escaping="yes"/> </p> </div> <div class="span5"> <img src="{umbracoFile}" class="thumbnail" /> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a> <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a> </div> </div> </div> </xsl:for-each>
I'm afraid I cannot help you with xslt as I have not done it for a while. One of the reasons of this package was to create a complete starter kit using razor views only.
If you post this as a razor view, I might be able so help.
Bootstrap Carousel Problem
Hi.I am a quite beginner here.. I have been doing some smaller umbracosites and now I wanted to implement bootstrap..My problem is how to get the bootstrap carousel working.I have tried to implement it in the code but it is not working as it should. It just shows the content above each other instead of in the carousel.Does any have a solution or an example to see??My code is like this.. <xsl:variable name="sliderNode" select="$currentPage/parent::/child::[@level=1]"/> <xsl:for-each select="$sliderNode/child::umediaSlider"> <div class="slider"> <div class="container-fluid"> <div id="heroSlider" class="carousel slide"> <div class="carousel-inner"> <div class="active item"> <div class="hero-unit"> <div class="row-fluid"> <div class="span7 marketting-info"> <h1> <xsl:value-of select="@nodeName"/> </h1> <p> <xsl:value-of select="teaserText" disable-output-escaping="yes"/> </p> </div> <div class="span5"> <img src="{umbracoFile}" class="thumbnail" /> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a> <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a> </div> </div> </div> </xsl:for-each>
Hi Beginner,
I'm afraid I cannot help you with xslt as I have not done it for a while. One of the reasons of this package was to create a complete starter kit using razor views only.
If you post this as a razor view, I might be able so help.
Cheers,
Jorge
is working on a reply...