Canvas Support

Input dateRange not working properly in RTL

11 replies · opened Oct 10, 2017

IingyaneesOct 10, 2017

Hello,

First, thanks for your nice theme.
Second, I'm building a bilingual site that has 2 languages: English & Arabic. The English is working fine & I used the setting "rtl: true" to support the Arabic as well. however, there is still problem in the Arabic styling.
Please find attached 2 screenshots.

Thanks in advance.

IingyaneesOct 10, 2017

I'm re-attaching screenshots as they failed in upload in first reply for size limitation. Thanks.

IingyaneesOct 16, 2017

Hello,

Kindly waiting for your reply urgently asap. And sorry I meant datepicker not daterange.
The links where problem appears: https://ore-x.com/ar (the other correct verion is https://ore-x.com/en)

SSemicolon WebSTAFFOct 21, 2017

Hello,

Thanks for your Patience!

There appears to be a Bug in the Plugin. Simply add the following CSS Code: 

.rtl .datepicker { direction: rtl; }
.rtl .datepicker.dropdown-menu { right: initial; }

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IingyaneesOct 22, 2017

[sb_private_reply]I haven't received a notification of your reply, & I just saw it now by luck after I already have given you a low rating for support delay.
It was disappointing for me to wait this long & it took us a long time to do it ourselves also I'm running a website for commercial purposes.

Please let me know if there is a way to draw my rating back.[/sb_private_reply]

SSemicolon WebSTAFFOct 22, 2017

Hello,

Thanks for your Patience!

You can simply consider going to https://themeforest.net/downloads and click on the Stars again to change your Rating. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

IingyaneesOct 22, 2017

Thanks I did.

I do have another problem in grid-2 entries that is not working fine on Arabic as well.
Please check the issue here: http://orexdev.road9media.info/ar/properties.

Your soonest reply is much appreciated.

SSemicolon WebSTAFFOct 22, 2017

Hello,

Thanks for your Patience!

We are looking into this issue, meanwhile please consider using the Bootstrap Grid as this will definitely work fine.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

IingyaneesOct 30, 2017

Hi again,

I have 3rd & final issue that Arabic google font 'Cairo' is not rendering on IE at all. Neither IE-9, IE-10, OR IE-11.
Is there any solution for this?

Thanks in advance.

IingyaneesOct 30, 2017

as a trial, I added other font files locally -to use it with IE only- called "ge_ss_unique_light" that is a bit close to "Cairo" font.
I uploaded "fonts" folder in css folder & imported the font files at the end "style-rtl.css" but it didn't work as well.
so any ideas would be appreciated.

SSemicolon WebSTAFFOct 31, 2017

Hello,

Thanks for your Patience! This appears to be an Issue with the Chrome Browser unfortunately which sometimes blocks the Font Downloads. Consider using the following steps:

  • When you find the Google Font you want, click the download button to download the font to your local machine.

  • Use Font Squirrel’s Webfont Generator to create a @font-face kit.

  • Upload the font files to your Servers and call it via your stylesheet.

This should definitely fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard