How to dynamically change/swap the position of textbox & label control for arabic language

Question

3.40/5 (2 votes)

See more:

Hi,

I am developing an application for English, Spanish , Chinese & Arabic language. Now for other cultures it is ok. But for Arabic language I need to swap the position of Label & textbox control dynamically.

For an example:

The Label1 & textbox1 is lying on the screen as follows for all other language --

<Label1>(On the Left) & Textbox1(On the right)

But for Arabic the position should be as follows

Textbox1(On the Left) <Label1>(On the right) with the text direction and alignment from right -> left .

Any idea how to do it in asp.net as well as in ext.net

Posted 25-Jan-14 20:45pm

Supratik De

Updated 25-Jan-14 20:49pm

v2

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Kornfeld Eliyahu Peter · Answer 1 · 2014-01-25T23:01:00

Solution 1

You need not.
Every recent - and decent - browser switches it's origin when you set direction of your page.
So create some css rules for right-to-left and left-to-right languages and use them according your needs...

Posted 25-Jan-14 23:01pm

Kornfeld Eliyahu Peter

Ahmad F Hassan · Answer 2 · 2014-01-26T08:13:00

Hi!
I think this might be helpful for you because I am Arabic! :)

you can get the user's culture using this line of code:

C#

string _userCulture = System.Threading.Thread.CurrentThread.CurrentCulture.Name;

now, for Arabic user _userCulture value will be "ar-<somthing>", (e.g.. "ar-ae" for UAE users) use this value to link a CSS file for Arabic users to your master page.

in the css file: add

CSS

body{direction: rtl;}/*this will effect everything*/

in the other side, in your html use a table to hold your controls or simply for the controls add this class in the CSS file:

CSS

selector{
display: inline;/*or inline-block without using float*/
}

and the browser will render it correctly for you.

How to dynamically change/swap the position of textbox & label control for arabic language

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

How to dynamically change/swap the position of textbox & label control for arabic language

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us