users@woodstock.java.net

Re: included stylesheets override suntheme

From: Kenneth Suter <Kenneth.Suter_at_Sun.COM>
Date: Mon, 07 Apr 2008 10:11:51 -0500

Thanks Dan for the response. I'll look into your suggestion.

Lking, Here are the interesting parts. The modal dialog is just a
progress dialog that shows up when the user clicks the Log In button.
Hope this helps.

-Kenneth

<f:view>
    <webuijsf:page>
        <webuijsf:head binding="#{HeadBean.head}" parseOnLoad="true">
            <webuijsf:link type="text/css"
url="http://o.aolcdn.com/dojo/1.0/dijit/themes/tundra/tundra.css"/>
            <webuijsf:link type="text/css"
url="http://o.aolcdn.com/dojo/1.0/dojo/resources/dojo.css"/>
            <webuijsf:script type="text/javascript"
url="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js"/>
            <webuijsf:script type="text/javascript">
                dojo.require("dojo.parser");
                dojo.require("dijit.form.Button");
                dojo.require("dijit.Dialog");
                dojo.require("dijit.form.TextBox");

                function showDlg() {
                     var dialog = new dijit.Dialog({id:"loading", title:
"Logging In..."});
                     var dialogContent = document.getElementById("dialog1");
                     dialogContent.style.display = "";
                     dialog.setContent(dialogContent);
                     dialog.show();
                }

            </webuijsf:script>
        </webuijsf:head>

        <webuijsf:body styleClass="tundra" style="background-color:#5b87a5">
            <div style="display:none" id="dialog1">
                <img
src="./theme/com/sun/webui/jsf/suntheme4_2/images/progressBar/indeterminate.gif"/>
            </div>
            <webuijsf:form id="form1">
                   ...
                   <webuijsf:button text="Log In" onClick="showDlg()"
actionExpression="#{LoginPageBean.login}"/>
                   ...
            </webuijsf:form>
        </webuijsf:body>
    </webuijsf:page>
</f:view>

Lking wrote:
> Hello Keneth, I'm sorry I can't help you but I'd like to know how did
> you build a modal dialog? Can you send me your source code 'cause I'm
> needing to do something like that.
>
> thanks.
>
> On Wed, Apr 2, 2008 at 4:42 PM, Kenneth Suter <Kenneth.Suter_at_sun.com
> <mailto:Kenneth.Suter_at_sun.com>> wrote:
>
> In our Woodstock 4.2 application, we have a page in which dojo has
> been introduced in order to render a modal dialog. Getting this
> to work requires inclusion of a couple of dojo style sheets which
> I had specified as link tags like:
>
> <webuijsf:head binding="#{HeadBean.head}" parseOnLoad="true">
>
> <webuijsf:link type="text/css"
> url="http://o.aolcdn.com/dojo/1.0/dijit/themes/tundra/tundra.css"/>
>
> <webuijsf:link type="text/css"
> url="http://o.aolcdn.com/dojo/1.0/dojo/resources/dojo.css"/>
>
>
> One problem with this however seems to be that since the dojo
> style sheets are loaded after the suntheme stylesheets, some
> suntheme selectors are being overridden by the dojo versions
> meaning the rendered page does not look precisely like it should
> with regard to fonts and layout spacing.
>
> Does anyone have any suggestions about how to get around this?
>
> Thanks,
>
> -Kenneth
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe_at_woodstock.dev.java.net
> <mailto:users-unsubscribe_at_woodstock.dev.java.net>
> For additional commands, e-mail: users-help_at_woodstock.dev.java.net
> <mailto:users-help_at_woodstock.dev.java.net>
>
>