Announcement Announcement Module
Collapse
No announcement yet.
IE Explorer: Word jumbling when using dijit.TitlePane with Dojo Elements while toggle Page Title Module
Move Remove Collapse
X
Conversation Detail Module
Collapse
  • Filter
  • Time
  • Show
Clear All
new posts

  • IE Explorer: Word jumbling when using dijit.TitlePane with Dojo Elements while toggle

    hi,
    we are using spring webflow project and we are using dojo elements with the help of spring decoration for UI.

    In my jsp screen, i have created a title pane element using 'dijit.TitlePane' and kept few validation text box elements in it. when i run the jsp in IE explorer, while toggle the title pane the words return in the validation text box is jumbled from its position and when i mouse over or move the curser its coming to its position. sometimes even worser than that, when i mouse over each of the validation textbox then only its displaying the word.

    Please see the attachement for more details,

    .Attachment

    Please let me know if anyone is facing the similar issue.
    sample code for implmenting title pane :
    <div id="pp2">
    <h2 align="center">
    Pane 2 <br/>
    element 1 :
    <form:input id="incidentDate" path="" name="incidentDate"/>
    <br/><br/>
    element 2 :
    <form:input id="incidentDate1" path="" name="incidentDate"/>
    <br/><br/>
    element 3 :
    <form:input id="incidentDate2" path="" name="incidentDate"/>
    <br/>
    </h2>

    </div>
    <script type="text/javascript">
    Spring.addDecoration(new Spring.ElementDecoration({
    elementId : "pp2",
    widgetType : "dijit.TitlePane",
    widgetAttrs : {
    title: "Accordin Pane 3",
    onClick: function() {
    //javascript:onClickIndexChange("pp3");
    }
    }
    }));



    </script>
    <script type="text/javascript">
    Spring.addDecoration(new Spring.ElementDecoration({
    elementId : "incidentDate",
    widgetType : "dijit.form.ValidationTextBox",
    widgetAttrs : { }

    }));
    </script>
    <script type="text/javascript">
    Spring.addDecoration(new Spring.ElementDecoration({
    elementId : "incidentDate1",
    widgetType : "dijit.form.ValidationTextBox",
    widgetAttrs : { }

    }));
    </script>
    <script type="text/javascript">
    Spring.addDecoration(new Spring.ElementDecoration({
    elementId : "incidentDate2",
    widgetType : "dijit.form.ValidationTextBox",
    widgetAttrs : { }

    }));
    </script>

    I am facing this problem only in the IE other browsers are working fine. Please let me know if anyone faces the same issue.
    Attached Files
Working...
X