Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Slider not working in Landing RTL (Bug)


Hi keenthemes,

The Slider appears to not work in RTL Landing page, although it is working on the LTR .. ??

Here :
https://preview.keenthemes.com/metronic8/demo1/rtl/landing.html


thank you


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (11)


Hi,

Noted, thanks for the feedback. We will double check it and provide a fix in the next update as soon as possible.

Regards.



Sure,

Just to let you know that it is amazing how with 1 one "shared assets", you can use both (Metronic Admin panel and the Landing page) and that in all Layout RTL, LTR

Thank you guys for the great work.



Hi happy,

Thank you! We are working on a new launcher page with stunning design and attention to detail that will be perfect for product or service showcase. Expect it soon.

Regards.



Can't wait anymore, speed up, LoL

Thank you.



Sure thing, we are on it happy



Hi,

As we checked in the official GitHub repo of the plugin the quick fix for this issue would be:


<div class="tns tns-default" s tyle="direction: ltr">
</div>


At the moment the plugin does not support RTL but it works fine with LTR mode for RTL sites.

Regards.



Awesome,

Thank you Sean.



Hi Sean,


Just to let you know that I applied the fix above and didn't work ! As before, no images at all.

Also you have to know that also arrows has to be inverted in RTL.

thank you



The style code was removed here s tyle="direction: ltr". Can you add to the slider container element tns ?



It worked !

Better than nothing,

Two things, if not too much asked :

1 - Arrows has to be inverted
2 - The images sliding flow has to be inverted (the images have to slide from Left to right)

NB : Just to clear things :
no need to add "tns-initiazlied" in the class, you can left it as it was before in Metronic landing page file.
as this :


<div class="tns tns-default" s tyle="direction: ltr">
</div>


Thank you Sean



Hi,

Sure, noted, we will check that in a future update.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(