users@woodstock.java.net

Re: dojo modal dialog

From: Kenneth Suter <Kenneth.Suter_at_Sun.COM>
Date: Fri, 15 Feb 2008 13:02:56 -0600

I realized I had inadvertently attached the wrong page in my previous
message. Below is the code for the page in question.

-Kenneth

<%_at_page contentType="text/html"%>
<%_at_page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://www.sun.com/webui/webuijsf" prefix="webuijsf" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<f:view>
  <webuijsf:page>
    <webuijsf:head title="Login" debug="true">
      <webuijsf:link
url="/theme/META-INF/dojo1_0_1/dojo/resources/dojo.css" />
      <webuijsf:link
url="/theme/META-INF/dojo1_0_1/dijit/themes/dijit.css" />
      <webuijsf:script>
          dojo.require("dijit.Dialog");
          dojo.require("dojo.parser");
      </webuijsf:script>
    </webuijsf:head>
    <webuijsf:body>
    <webuijsf:form id="form1">
           <webuijsf:script>
             function showDialog() {
               var dlg = dojo.byId('dialog2');
               dlg.show();
             }
           </webuijsf:script>
       <webuijsf:hyperlink id="hyperlinktest2"
onClick="showDialog();return false" text="Show Dialog" url="#" />
           <div dojoType="dijit.Dialog" id="dialog2" title="Dialog 2"
                style="display:none;">
             <table>
               <tr>
                 <td><label for="name">Name: </label></td>
                 <td><input dojoType=dijit.form.TextBox type="text"
name="name"></td>
               </tr>
               <webuijsf:button text="OK"/>
             </table>
           </div>
        </webuijsf:form>
    </webuijsf:body>
  </webuijsf:page>
</f:view>

Kenneth Suter wrote:
> Hello,
>
> In my Woodstock 4.2 application, I would like to create a client side
> modal dialog using dojo. I cannot seem to create a div element of
> dojoType 'dijit.Dialog' as I would expect (see the attached page).
> When this page renders and the single link on the page is clicked, the
> 'dialog2' div is shown however it doesn't have any characteristics of
> a dijit Dialog (page centering, modality, style etc.) and the
> Woodstock button at the bottom of the div element doesn't render at
> all. I've checked that the references to the dijit and dojo style
> sheets are correct and Firebug doesn't complain about anything on the
> page.
>
> Is is possible to use this functionality in a Woodstock application?
> Has anyone gotten this to work?
>
> Thanks,
>
> -Kenneth
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe_at_woodstock.dev.java.net
> For additional commands, e-mail: users-help_at_woodstock.dev.java.net
>