I got a problem when using draggable jquery library with server-side ASP.NET

Question

0.00/5 (No votes)

See more:

, +

I use Draggable jQuery Library for moving objects ( inputs, span ) tags,
after that it`s easy to get Left, Top from CSS of each object with jQuery for saving the positions of all elements in external CSS file (Server-Side StreamWriter for example) and load it again when page start.

the problem starts when i use position:absolute; for all elements. and assign left, top position of elements to CSS file, till now no problem.

but i need to apply dir attribute for example :
for making RightToLeft Page ( Arabic/ English ) .

yes it works great and Bidirectional works without absolute position . ( in relative it works )

but when use position :absolute; elements still in the same place, so that i try to replace *.CSS contents when i need change to arabic by replace left:%%px to right:%%px

but this is very bad solution.

what i should do now.

What I have tried:

i try replacing CSS content but its bad approach ineed use dir attribute to whole page without changing CSS from left: - > right:

Posted 3-Apr-17 2:45am

Member 10377426

Updated 3-Apr-17 3:58am

Add a Solution

Comments

[no name] 3-Apr-17 9:59am

e

[no name] 3-Apr-17 10:54am

f

1 solution

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)

Anbu_Mannan · Answer 1 · 2017-04-03T03:58:00

Solution 1

HTML

<!DOCTYPE html>
<html>
<body>

<p dir="rtl">right-to-left!</p>
<p dir="ltr" style="Position:relative;left :50px;">left-to-right!</p>

</body>
</html>

As per your question you can use "dir" for align left2right(ltr) ,right2left (rtl)

Posted 3-Apr-17 3:58am

Anbu_Mannan

Comments

[no name] 3-Apr-17 10:55am

i will check this and will be back man, yes i need to make full Mirror-Bidirectional !! YAAAAH !! yEEEH !