Direction attribute and input control related

__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
<!--
=============================================================================
 Copyright (c) 2005, 2006 STABILIX CORPORATION All Rights Reserved.
 
 THIS SOFTWARE IS THE CONFIDENTIAL AND PROPRIETARY INFORMATION OF STABLIX.
 YOU SHALL NOT DISCLOSE SUCH CONFIDENTIAL INFORMATION AND SHALL USE IT ONLY IN
 ACCORDANCE WITH THE TERMS OF THE LICENSE AGREEMENT YOU ENTERED INTO WITH
 STABILIX CORPORATION.
 
 STABILIX MAKES NO REPRESENTATIONS OR WARRANTIES ABOUT THE SUITABILITY OF THE
 SOFTWARE, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED
 WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR
 NON-INFRINGEMENT. STABILIX CORPORATION SHALL NOT BE LIABLE FOR ANY DAMAGES
 SUFFERED BY LICENSEE AS A RESULT OF USING, MODIFYING OR DISTRIBUTING THIS
 SOFTWARE OR ITS DERIVATIVES.

 @version 1.0
 @author Joseph Lawrence
 =============================================================================
-->
<xhtml:html xsl:version="2.0" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:f="http://orbeon.org/oxf/xml/formatting" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xxforms="http://orbeon.org/oxf/xml/xforms" xmlns:xi="http://www.w3.org/2003/XInclude"
            xmlns:widget="http://orbeon.org/oxf/xml/widget" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:ui="http:/www.example.org/ui">

    <xhtml:head>
        <xhtml:title>Orbeon Samples</xhtml:title>
        <xforms:model>
            <xforms:instance id="main">
                <main>
                    <name/>
                    <date/>
                </main>
            </xforms:instance>
            <xforms:bind nodeset="instance('main')/name" constraint="string-length(.)>3 and 6>string-length(.)"/>
            <xforms:bind nodeset="instance('main')/date" type="xs:date" constraint="if (. castable as xs:date)
                then current-date() - xdt:dayTimeDuration('P1D') >= xs:date(.)
                else false()"
                readonly="false()"
                calculate="if (. = '') then current-date() else ."/>
        </xforms:model>
        <xhtml:style type="text/css">
            .d1 { direction:ltr;background-color:#D9FFFF;width:600px;}
            .d2 { direction:rtl; background-color:cyan;width:600px;}
            .d3 { direction:rtl; background-color:#D9FFD0;}
            .d4 { direction:rtl;width:600px;}
        </xhtml:style>
    </xhtml:head>
    <xhtml:body>
        <h2>Input Box Related</h2><br/>
        <b>Case1:</b> div with '<b>direction : ltr</b>'
        <div class="d1">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        <b>Case2:</b> div with '<b>direction : rtl</b>' and <b>width</b> attribute <b>specified</b>
        <div class="d2">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        <b>Case3:</b> div with '<b>direction : rtl</b>' and <b>width</b> attribute <b>not</b> specified
        <div class="d3">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        <b>Case4:</b> table with '<b>direction : rtl</b>'
        <xhtml:table bgcolor="#D9FFF0">
            <xhtml:tr>
                <xhtml:td class="d4">
                    <xforms:input ref="instance('main')/name" incremental="true"/>
                </xhtml:td>
            </xhtml:tr>
        </xhtml:table><br/>
        <h2>Date Picker Related</h2><br/>
        <b>Case5:</b> div with '<b>direction : ltr</b>'
        <div class="d1">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        <b>Case6:</b> div with '<b>direction : rtl</b>' and <b>width</b> attribute <b>specified</b>
        <div class="d2">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        <b>Case7:</b> div with '<b>direction : rtl</b>' and <b>width</b> attribute <b>not</b> specified
        <div class="d3">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        <b>Case8:</b> table with '<b>direction : rtl</b>'
        <xhtml:table bgcolor="#D9FFF0">
            <xhtml:tr>
                <xhtml:td class="d4">
                    <xforms:input ref="instance('main')/date" incremental="true"/>
                </xhtml:td>
            </xhtml:tr>
        </xhtml:table>
    </xhtml:body>
</xhtml:html>

--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws

hi Alex and Erik,

      I have been working with the input control and date picker wherein I need to change the direction attribute of the containing div/table to 'rtl'. Then I noticed a few bugs(I suppose).

 

1. when I applied the direction:rtl style on a div, the input control was found invisible. The input control disappeared when I added @width within the style. Similar conditions apply for the date picker as well.

 

2. When I bind the input/date-picker control with a constraint, the 'invalid alert icon' appears for div's with direction equals rtl/ltr. However, if I input some data in the input field till the binding becomes valid and then change the data till the binding becomes invalid, then the 'invalid alert icon' will appear only for those input controls within the div/table having @direction:ltr

 

I am attaching a test case that demonstrates this.

 

Thanks in advance

Joseph Lawrence

Stabilix Solutions

__________________________________________________
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
xmlns:widget="http://orbeon.org/oxf/xml/widget" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:ui="http:/www.example.org/ui">


Orbeon Samples

then current-date() - xdt:dayTimeDuration('P1D') >= xs:date(.)
else false()" nodeset="instance('main')/date">readonly="false()"
calculate="if (. = '') then current-date() else ."/>


.d1 { direction:ltr;background-color:#D9FFFF;width:600px;}
.d2 { direction:rtl; background-color:cyan;width:600px;}
.d3 { direction:rtl; background-color:#D9FFD0;}
.d4 { direction:rtl;width:600px;}

Input Box Related

Case1: div with 'direction : ltr'

Case2: div with 'direction : rtl' and width attribute specified

Case3: div with 'direction : rtl' and width attribute not specified

Case4: table with 'direction : rtl'

Date Picker Related

Case5: div with 'direction : ltr'

Case6: div with 'direction : rtl' and width attribute specified

Case7: div with 'direction : rtl' and width attribute not specified

Case8: table with 'direction : rtl'









--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws

Joseph,

Trying this with Firefox, everything seems to look good. What browser
are you using? Have you tried that this works with a simple HTML file in
your browser?

-Erik

joseph lawrence wrote:

> Erik,
> was this a bug or is their something wrong with what i am trying to
> achieve.
>
> Thanks
> Joseph Lawrence
>
> */joseph lawrence /* wrote:
>
> hi Alex and Erik,
> I have been working with the input control and date picker
> wherein I need to change the direction attribute of the containing
> div/table to 'rtl'. Then I noticed a few bugs(I suppose).
>
> 1. when I applied the direction:rtl style on a div, the input
> control was found invisible. The input control disappeared when I
> added @width within the style. Similar conditions apply for the date
> picker as well.
>
> 2. When I bind the input/date-picker control with a constraint, the
> 'invalid alert icon' appears for div's with direction equals
> rtl/ltr. However, if I input some data in the input field till the
> binding becomes valid and then change the data till the binding
> becomes invalid, then the 'invalid alert icon' will appear only for
> those input controls within the div/table having @direction:ltr
>
> I am attaching a test case that demonstrates this.
>
> Thanks in advance
> Joseph Lawrence
> Stabilix Solutions
> __________________________________________________
> Do You Yahoo!?
> Tired of spam? Yahoo! Mail has the best spam protection around
> http://mail.yahoo.com
>
> xmlns:widget="http://orbeon.org/oxf/xml/widget"
> xmlns:ev="http://www.w3.org/2001/xml-events"
> xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
> xmlns:xs="http://www.w3.org/2001/XMLSchema"
> xmlns:ui="http:/www.example.org/ui">
>
>
> Orbeon Samples
>
>
>
>
>
>
>
>
>
> readonly="false()"
> calculate="if (. = '') then current-date() else ."/>
>
>
> .d1 { direction:ltr;background-color:#D9FFFF;width:600px;}
> .d2 { direction:rtl; background-color:cyan;width:600px;}
> .d3 { direction:rtl; background-color:#D9FFD0;}
> .d4 { direction:rtl;width:600px;}
>
>
>
> Input Box Related
>
>
>
> *Case1:* div with '*direction : ltr*'
>
>
>
>
> *Case2:* div with '*direction : rtl*' and *width* attribute *specified*
>
>
>
>
> *Case3:* div with '*direction : rtl*' and *width* attribute *not*
> specified
>
>
>
>
> *Case4:* table with '*direction : rtl*'
>
>
>
>
>
>
>
>
> Date Picker Related
>
>
>
> *Case5:* div with '*direction : ltr*'
>
>
>
>
> *Case6:* div with '*direction : rtl*' and *width* attribute *specified*
>
>
>
>
> *Case7:* div with '*direction : rtl*' and *width* attribute *not*
> specified
>
>
>
>
> *Case8:* table with '*direction : rtl*'
>
>
>
>
>
>
>
>
>
> --
> You receive this message as a subscriber of the
> [hidden email] mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> ObjectWeb mailing lists service home page: http://www.objectweb.org/wws
>
>
> ------------------------------------------------------------------------
> Don't pick lemons.
> See all the new 2007 cars
>
> at Yahoo! Autos.
>
>
>
>
> ------------------------------------------------------------------------
>
>
> --
> You receive this message as a subscriber of the [hidden email] mailing list.
> To unsubscribe: mailto:[hidden email]
> For general help: mailto:[hidden email]?subject=help
> ObjectWeb mailing lists service home page: http://www.objectweb.org/wws

--
Orbeon Forms - Web Forms for the Enterprise Done the Right Way
http://www.orbeon.com/


--
You receive this message as a subscriber of the [hidden email] mailing list.
To unsubscribe: mailto:[hidden email]
For general help: mailto:[hidden email]?subject=help
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws

Joseph Lawrence wrote

hi Alex and Erik,
        I have been working with the input control and date picker wherein I need to change the direction attribute of the containing div/table to 'rtl'. Then I noticed a few bugs(I suppose).
   
  1. when I applied the direction:rtl style on a div, the input control was found invisible. The input control disappeared when I added @width within the style. Similar conditions apply for the date picker as well.
   
  2. When I bind the input/date-picker control with a constraint, the 'invalid alert icon' appears for div's with direction equals rtl/ltr. However, if I input some data in the input field till the binding becomes valid and then change the data till the binding becomes invalid, then the 'invalid alert icon' will appear only for those input controls within the div/table having @direction:ltr
   
  I am attaching a test case that demonstrates this.
   
  Thanks in advance
  Joseph Lawrence
  Stabilix Solutions

 __________________________________________________
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around
http://mail.yahoo.com 

<xhtml:html xsl:version="2.0" xmlns:xforms="http://www.w3.org/2002/xforms" xmlns:f="http://orbeon.org/oxf/xml/formatting" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xxforms="http://orbeon.org/oxf/xml/xforms" xmlns:xi="http://www.w3.org/2003/XInclude"
            xmlns:widget="http://orbeon.org/oxf/xml/widget" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:ui="http:/www.example.org/ui">

    <xhtml:head>
        <xhtml:title>Orbeon Samples</xhtml:title>
        <xforms:model>
            <xforms:instance id="main">
                <main>
                    <name/>
                    <date/>
                </main>
            </xforms:instance>
            <xforms:bind nodeset="instance('main')/name" constraint="string-length(.)>3 and 6>string-length(.)"/>
            <xforms:bind nodeset="instance('main')/date" type="xs:date" constraint="if (. castable as xs:date)
                then current-date() - xdt:dayTimeDuration('P1D') >= xs:date(.)
                else false()"
                readonly="false()"
                calculate="if (. = '') then current-date() else ."/>
        </xforms:model>
        <xhtml:style type="text/css">
            .d1 { direction:ltr;background-color:#D9FFFF;width:600px;}
            .d2 { direction:rtl; background-color:cyan;width:600px;}
            .d3 { direction:rtl; background-color:#D9FFD0;}
            .d4 { direction:rtl;width:600px;}
        </xhtml:style>
    </xhtml:head>
    <xhtml:body>
       

Input Box Related

<br/>
        Case1: div with 'direction : ltr'
        <div class="d1">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        Case2: div with 'direction : rtl' and width attribute specified
        <div class="d2">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        Case3: div with 'direction : rtl' and width attribute not specified
        <div class="d3">
            <xforms:input ref="instance('main')/name" incremental="true"/>
        </div><br/>
        Case4: table with 'direction : rtl'
        <xhtml:table bgcolor="#D9FFF0">
            <xhtml:tr>
                <xhtml:td class="d4">
                    <xforms:input ref="instance('main')/name" incremental="true"/>
                </xhtml:td>
            </xhtml:tr>
        </xhtml:table><br/>
       

Date Picker Related

<br/>
        Case5: div with 'direction : ltr'
        <div class="d1">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        Case6: div with 'direction : rtl' and width attribute specified
        <div class="d2">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        Case7: div with 'direction : rtl' and width attribute not specified
        <div class="d3">
            <xforms:input ref="instance('main')/date" incremental="true"/>
        </div><br/>
        Case8: table with 'direction : rtl'
        <xhtml:table bgcolor="#D9FFF0">
            <xhtml:tr>
                <xhtml:td class="d4">
                    <xforms:input ref="instance('main')/date" incremental="true"/>
                </xhtml:td>
            </xhtml:tr>
        </xhtml:table>
    </xhtml:body>
</xhtml:html>

--
You receive this message as a subscriber of the ops-users@objectweb.org mailing list.
To unsubscribe: mailto:ops-users-unsubscribe@objectweb.org
For general help: mailto:sympa@objectweb.org?subject=help
ObjectWeb mailing lists service home page: http://www.objectweb.org/wws