[REQ] "Right to Left" BBCode option

[mohi]

hi, what about text direction change? e.g. for Persian (Farsi) language? its right to left and it is shown ugly in ttx.

[Sparky]

hi, what about text direction change? e.g. for Persian (Farsi) language? its right to left and it is shown ugly in ttx.

Can that even be done with HTML tags?

[mohi]

we use it in lots of WYSIWYG editors daily. I don't know a lot about html...

[Sparky]

we use it in lots of WYSIWYG editors daily. I don't know a lot about html...

I can't help you without additional information.  Can you at least point to something?

Since BB-Code was designed to format snippets of text...  a word or a line, wouldn't it be better to just format the entire page for Farsi?

[mohi]

wow! thats much more better but I don't know how to. I don't have enough skills to do this.

btw I have translated all ttx to Persian and can give you the dict.csv file to put in the web for the others.

[Sparky]

wow! thats much more better but I don't know how to. I don't have enough skills to do this.

btw I have translated all ttx to Persian and can give you the dict.csv file to put in the web for the others.

I'll see if I can find the CSS statements for doing this.  Meanwhile, I sent my email address to you in a personal message.

[Sparky]

In header.shtml, find the following and add the red...

<style type="text/css">
body, td { font-family: Verdana, Helvetica, sans-serif; font-size: 10pt; direction: rtl;}
A       { color : #2E3197; text-decoration : none; direction: rtl;}
A:Hover { color : #C00; text-decoration : underline; direction: rtl;}
input {direction: rtl;}
textarea {direction: rtl;}
.sm {font-size: 11px; direction: rtl;}
.tiny {font-size: 4pt; direction: rtl;}
.heading {font-size: 13pt;font-weight: 700; color: #2E3197; direction: rtl;}
.lbl { font-size: 9pt; font-weight: 700; direction: rtl;}
td.error  {
  background-color: #FFC;
  padding-right: 5pt;
  padding-left: 5pt;
  padding-top: 3pt;
  padding-bottom: 3pt;
  border-width:1px;
  border-style:solid;
  border-color: #996;
  font-weight: 700;
  color: #F00;
  direction: rtl;
}
td.trow  {
  padding-right: 2pt;
  padding-left: 2pt;
  border-style:solid;
  border-bottom-width:2px;
  border-right-width: 0px;
  border-left-width:1px;
  border-top-width:0;
  border-color: #FFF;
  background-color: #CCC;
  text-align: center;
  font-size : 11px;
  font-weight: 700;
  direction: rtl;
}
td.orow  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 11px;
  border-color: #FFF;
  direction: rtl;
}
td.erow  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 11px;
  border-color: #FFF;
  direction: rtl;
}
td.txt  {
  padding-right: 4pt;
  padding-left: 4pt;
  padding-top: 2pt;
  padding-bottom: 1pt;
  border-width:1px;
  border-style:solid;
  border-top-width:0;
  border-bottom-width:0;
  border-right-width:0;
  font-size : 11px;
  border-color: #FFF;
  color: #666;
  text-align: left;
  direction: rtl;
}
td.omsg  {
  background-color: #E8E8CF;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
  direction: rtl;
}
td.imsg  {
  background-color: #E8E8E8;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
  direction: rtl;
}
td.cmsg  {
  background-color: #E8DCCF;
  padding-right: 3pt;
  padding-left: 3pt;
  padding-top: 2pt;
  padding-bottom: 2pt;
  border-width:1px;
  border-style:solid;
  border-color: #FFF;
  direction: rtl;
}
</style>

That will take care of the main pages.  You'll need to do something similar to each of the templates for the pop-up windows too.

Then the HTML tables need some edits within the Perl.

TTXTicket.pm...

line 546, replace the red with align=right...

<td align=left>

line 956, replace the red with align=right...

$buff .= "<tr>\n<td align=left class=lbl>$title</td>\n<td align=left>";

line 1501, replace the red with align=right...

$data->{MESSAGES} .= "<tr>\n<td width=20% align=left valign=top

line 1526, replace the red with align=right...

$data->{MESSAGES} .= "<td align=left valign=top class=$style>$body</td>\n</tr>\n";

I'm sure there's a bunch more in other modules, we'll just have to find those as they come up.

[Sparky]

Did this take care of the issue?

[mohi]

thanks dear Sparky, I'll put these codes in ASAP and let you know the result. thats great

[mohi]

I put your codes and the direction became well but some times the align was left and it was ugly. I changed all the "left" align values to "right" in these files and now its better: showitem.html, header.shtml, newticket.html, ticketed.html, ticket.html, annotate.html, claim.html, newanswer.html and print.html. It is more better now but have some align problem when viewing a ticket. The direction id OK but it is left aligned!

[Sparky]

You'll have to specifically list which elements on which pages so we can find them all.

[mohi]

in the tickets list, the "subject" and the "name" columns are left aligned that should be in right!

and also when we want to see a ticket, the previous post(s) are left aligned.

[Sparky]

in the tickets list, the "subject" and the "name" columns are left aligned that should be in right!

You'll need to change all the align=left to align=right in TTXDesk.pm

... and also when we want to see a ticket, the previous post(s) are left aligned.

Well, that shouldn't be.  We already changed all those in TTXTicket.pm, here:

line 546, replace the red with align=right...

<td align=left>

line 956, replace the red with align=right...

$buff .= "<tr>\n<td align=left class=lbl>$title</td>\n<td align=left>";

line 1501, replace the red with align=right...

$data->{MESSAGES} .= "<tr>\n<td width=20% align=left valign=top

line 1526, replace the red with align=right...

$data->{MESSAGES} .= "<td align=left valign=top class=$style>$body</td>\n</tr>\n";

[mohi]

thanks a lot dear Sparky

It is OK and great now! I'll tell you if I saw other issues. I don't know if you need the modified codes for your archive or not?