Re: [Xsltforms-support] Support for rtl text input
Brought to you by:
alain-couthures
Menu
▾
▴
Re: [Xsltforms-support] Support for rtl text input
|
From: Alain C. <ala...@ag...> - 2023-12-10 11:03:16
|
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div>
Hi Winona,
</div>
<div class="default-style">
</div>
<div class="default-style">
XSLTForms now allows to add HTML attributes to input/textarea elements given they are in HTML namespace such as <xf:input ref="." html:dir="auto"/>.
</div>
<div class="default-style">
</div>
<div class="default-style">
Whether dir="auto" should be systematically added by XSLTForms is a good question. For inputs, this should be added within Javascript XsltForms_input.prototype.initBody() method. Actually, more elements could also be considered: labels and outputs, at least.
</div>
<div class="default-style">
</div>
<div class="default-style">
What do you think?
</div>
<div class="default-style">
</div>
<div class="default-style">
--Alain
</div>
<blockquote type="cite">
<div>
Le 07/12/2023 17:11 CET, Winona Salesky <wsa...@gm...> a écrit :
</div>
<div>
</div>
<div>
</div>
<div dir="ltr">
Hi All,
<br>
<div>
I need to support both rtl and ltr text input in my forms. Reading up on this online, it sounds like the best way to do this is to include the following attribute on the input/textarea elements: <span class="gmail-hljs-built_in" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;">dir</span><span style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e;">=</span><span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;">"auto"</span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;"> </span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;">What do you think the best way to get this working in XSLTForms is? Edit the XSLTForms javascript? Write my own Javascript to amend the output? Something else? </span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;"> </span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;">Thanks for any thoughts or suggestions. </span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;">-Winona</span>
</div>
<div>
<span class="gmail-hljs-string" style="background-color: transparent; font-family: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; white-space: inherit; color: #0c0d0e; margin: 0px; padding: 0px; border: 0px; font-stretch: inherit; line-height: inherit; font-kerning: inherit; font-feature-settings: inherit; font-size: 13px; vertical-align: baseline; box-sizing: inherit;"> </span>
</div>
</div> _______________________________________________ Xsltforms-support mailing list Xsl...@li... https://lists.sourceforge.net/lists/listinfo/xsltforms-support
</blockquote>
</body>
</html>
|
