New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Language and In...Language and In...RTL for DNN 6RTL for DNN 6
Previous
 
Next
New Post
8/19/2011 3:55 AM
 
Hello,
DNN 6 is much more challenging  in terms of RTL due to the heavy use of jQuery UI.
Here are few things I use to rtl it.
If someone has netter idea for that issue I'll be happy to know. Also if you improve this please post your fix here.
I use portal.css as the base css but that forces you to RTL the whole portal.
Also note that the superfish rtl is done on superfish.css.  Just use this great rtl site post: http://rtl-this.com/tutorial/rtling-superfish-menu-jquery-plugin

If you use the mega menu you should use its css. I'll post later the DNNmega rtl css.




for portal.css add the following.
(some of the lines are duplications of the default.css so you can get read of them here)
/* ******************************* */
/*     RTL fix DNN 6           */
/* ******************************* */

/* DNN 6 fix for RTL help popup */
a.dnnFormHelp, .dnnForm .dnnFormItem a.dnnFormHelp, .dnnTooltip label a.dnnFormHelp {
  background: url("../../images/help-icn.png") no-repeat scroll left center transparent;

}
.dnnFormHelpContent.dnnClear, .dnnFormItem label.dnnFormLabel .dnnFormHelpContent.dnnClear, .dnnFormItem label .dnnFormHelpContent.dnnClear {
  line-height: 1.4;
  text-align: right;
}
.dnnFormHelpContent, .dnnFormItem .dnnFormHelpContent {
  max-width: 30em;
  overflow: hidden;
  position: absolute;
  right: 95%;
  top: 0;
  width: 275px;
  z-index: 25;
}
/* DNN 6 fix for RTL main popup */
body{ direction: rtl !important;}
    .dnnFormPopup .ui-dialog-buttonpane {
    text-align: right;
    border-width: 1px 0 0 0;
    background-image: none;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
}

    .dnnFormPopup .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

    .dnnFormPopup .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0.8em;
    cursor: pointer;
    padding: 0.5em 1em;
}

.dnnFormPopup .ui-resizable-se{
    width: 14px;
    height: 14px;
    float: left;
    background: url(../../images/modal-resize-icn.png) no-repeat bottom;
    height: 24px;
    width: 24px;
}   
.dnnForm .dnnFormItem {
  clear: both;
  line-height: 1.8;
  min-height: 1.8em;
  position: relative;
  text-align: right;
}
#dnnCurrentPage .dnnCPPageList, .dnnFormCheckbox input, .cbctAddModule a.dnnPrimaryAction, #dnnCurrentPage .dnnFormCheckbox {
  margin-right: 65px;
}
.dnnadminmega .megaborder h5 {
  border-bottom: 1px solid #EEEEEE;
  font-size: 12px;
  margin: 0 0 3px;
  padding: 0 0 3px;
  text-align: right !important;
}

.dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip {
  display: block;
  float: right;
  margin-left: 16px;
  text-align: right;
}
#dnnCurrentPage .dnnCPPageList, .dnnFormCheckbox input, .cbctAddModule a.dnnPrimaryAction, #dnnCurrentPage .dnnFormCheckbox {
  margin-right: 65px;
  margin-left: 0px !important;
}
.dnnCPModSelection .dnnClear input[type="text"], .dnnCPModSelection .dnnClear select, .dnnCPModLocation .dnnClear select, #dnnCurrentPage input[type="text"], #dnnCurrentPage select {
  /*margin-right: 65px;*/
  overflow: hidden;
  width: 160px !important;
}
.dnnFormItem input, .dnnFormItem .dnnFormInput, .dnnFormItem textarea {
  float: right;
}
.dnnFormItem .ucLinkTypeRadioButtons label {
  text-align: right;
}
/* force RTL DNN 6.0*/
.dnnRight{float: left;}
.dnnLeft{float: right;}
/* Control Panel*/
.dnnControlPanel{direction: rtl;font-size: 11px;margin: 0 auto;text-align: right;width: 650px;
}
.dnnControlPanel{direction: rtl;font-size: 11px;text-align: right;}
/* EndControl Panel*/
.urlControlLinkType span, .dnnFormItem .urlControlLinkType span {
  text-align: right;
}
/* ******************************* */
/*     End RTL fix DNN 6           */
/* ******************************* */

Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il
 
New Post
8/21/2011 6:36 PM
 
please record this as an enhancement request at support.dotnetuke.com (i.e. expand language settings to register RTL languages and inject alternative stylesheet)

Buy the new Professional DNN7: Open Source .NET CMS Platform book Amazon US
 
New Post
8/23/2011 3:15 AM
 
Thanks, Cathal. Done.
There are more and more RTL issues that pops up. Registration form  for example. Working on it.

Yehuda Tiram
AtarimTR
AtarimTR
972-2-5700114   |   972-54-4525492   |    http://www.atarimtr.co.il
 
New Post
3/5/2014 4:26 AM
 
Hello Mr Titram, i added what you post in the portal.css but i didn't notice a change, what iam seeking for is to switch between rtl and ltr when switching language any ideas?
 
New Post
3/5/2014 7:06 PM
 
please be aware that css has changed between DNN 6 and 7 (not only improvements, I agree).
I suggest suppressing default.css and using a skin supporting RTL.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Language and In...Language and In...RTL for DNN 6RTL for DNN 6


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.