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

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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.