Developer forum

Forum » Rapido » Carousel in IE11

Carousel in IE11

Aki Ruuskanen
Aki Ruuskanen
Reply

Hi,

On the frontpage we have a carousel. The height gets a bit weird and also the arrows are not clickable in IE11.  

The solution: http://nevotex2018.se.softgear.se/

Regards / Aki


Replies

 
Karsten Thuen Dynamicweb Employee
Karsten Thuen
Reply
This post has been marked as an answer

Hi

Unfortunately IE is not that great at rendering webpages ;) The fix for this will be in the next Rapido hot-fix release. But if you need it now, this is what to do:

In the Ignite Less project, locate layout/_layout.less add this and compile the css:

.paragraph-container--height-sm.dw-mod {
   height: 150px;

   & > .paragraph-container { 
       height: 150px;
    }
}

 

.paragraph-container--height-md.dw-mod {
   height: 220px;

   & > .paragraph-container {
      height: 220px;
    }
}

.paragraph-container--height-lg.dw-mod {
   height: 350px;

   & > .paragraph-container {
       height: 350px;
    }
}

.paragraph-container--height-xl.dw-mod {
    height: 550px;

    & > .paragraph-container {
       height: 550px;
    }
}

 

Best regards
Karsten Thuen

Votes for this answer: 1
 
Aki Ruuskanen
Aki Ruuskanen
Reply

Excellent, thanks!

/Aki

 
Aki Ruuskanen
Aki Ruuskanen
Reply

Any ideas on the non clickable arrows in IE11? 

IE11 does not like this:

    if (Number.isInteger(slideTo)) {
        currentSlide = slideTo;
    }

Regards / Aki

 

You must be logged in to post in the forum