Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

KeenIcon issue


Hey,

I add rtl template into Asp.net Core & have issue in Keenicon not working fine while using rtl, but working fine while switch to ltr


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hey,

I use Boostrap v8.3.1 & the below my added css & Not working on RTL but working fine in LTR

<!--begin::Global Stylesheets Bundle-->
<link href="~/backend/css/plugins.bundle.css" rel="stylesheet" type="text/css" asp-append-version="true" />
<link href="~/backend/css/style.bundle.css" rel="stylesheet" type="text/css" asp-append-version="true" />

@if (isRTL)
{
<link href="~/backend/css/plugins.bundle.rtl.css" rel="stylesheet" asp-append-version="true" />

<link href="~/backend/css/style.bundle.rtl.css" rel="stylesheet" asp-append-version="true" />
}



<!--end::Global Stylesheets Bundle-->



Hi,

In our Metronic 8 Starterkit to switch to the RTL version, you can simply set the "Direction": "rtl", property in _keenthemes/config/themesettings.json, then restart the application.

If your project isn't based on our Starterkit, please make sure that you have added the following attributes to the html tag.

<html dir="rtl" direction="rtl" > ... </html>


Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi,

Can you please confirm the Metronic version are you using ? Metronic v8.3.1 ?
When you include RTL css have you included the default CSS as well ? The RTL css is additional CSS while the default CSS is required.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(