How do I hide this content pane?
|
View:
New views
9 Messages
—
Rating Filter:
Alert me
|
 |
How do I hide this content pane?
by dave.alvarado
::
Rate this Message:
Hi,
In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... <body> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> <div><!-- print username / log out links --> ...</div> <div class="header"> <div class="headerRt" id="divHeader"> NPS Application Configuration </div> </div> </div> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> ... </div> Without it being hidden, it looks like this: http://screencast.com/t/OrEkqRdLe but when I do manage to hide the DIV using this code: dojo.query("#applicationHeader").removeClass("dijitContentPane"); dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none the DIV is hidden but nothing moves up ... http://screencast.com/t/27jU5jq2ln What do I need to do to hide the DIV and also have everything move up? Thanks, - Dave _______________________________________________ FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by jaredj
::
Rate this Message:
Style the domNode of the contentPane to hidden.
dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. -- Jared On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: > Hi, > > In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... > > <body> > <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> > <div><!-- print username / log out links --> ...</div> > <div class="header"> > <div class="headerRt" id="divHeader"> > NPS Application Configuration > </div> > </div> > </div> > <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> > ... > </div> > > Without it being hidden, it looks like this: > > http://screencast.com/t/OrEkqRdLe > > but when I do manage to hide the DIV using this code: > > dojo.query("#applicationHeader").removeClass("dijitContentPane"); > dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none > > the DIV is hidden but nothing moves up ... > > http://screencast.com/t/27jU5jq2ln > > What do I need to do to hide the DIV and also have everything move up? > > Thanks, - Dave > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by jaredj
::
Rate this Message:
Or simpler:
dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); -- Jared On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz <jared.jurkiewicz@...> wrote: > Style the domNode of the contentPane to hidden. > > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. > > -- Jared > > > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: >> Hi, >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... >> >> <body> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> >> <div><!-- print username / log out links --> ...</div> >> <div class="header"> >> <div class="headerRt" id="divHeader"> >> NPS Application Configuration >> </div> >> </div> >> </div> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> >> ... >> </div> >> >> Without it being hidden, it looks like this: >> >> http://screencast.com/t/OrEkqRdLe >> >> but when I do manage to hide the DIV using this code: >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none >> >> the DIV is hidden but nothing moves up ... >> >> http://screencast.com/t/27jU5jq2ln >> >> What do I need to do to hide the DIV and also have everything move up? >> >> Thanks, - Dave >> _______________________________________________ >> FAQ: http://dojotoolkit.org/support/faq >> Book: http://dojotoolkit.org/docs/book >> Forums: http://dojotoolkit.org/forum >> Dojo-interest@... >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> > FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by dave.alvarado
::
Rate this Message:
Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space:
http://screencast.com/t/hFogoQATkTa This was the question I posed earlier, how to make everything move up? Thanks for your help, - Dave > -------Original Message------- > From: Jared Jurkiewicz <jared.jurkiewicz@...> > Subject: Re: [Dojo-interest] How do I hide this content pane? > Sent: Aug 22 '08 16:00 > > Or simpler: > > dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); > > -- Jared > > > > On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz > <jared.jurkiewicz@...> wrote: > > Style the domNode of the contentPane to hidden. > > > > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. > > > > -- Jared > > > > > > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: > >> Hi, > >> > >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... > >> > >> <body> > >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> > >> <div><!-- print username / log out links --> ...</div> > >> <div class="header"> > >> <div class="headerRt" id="divHeader"> > >> NPS Application Configuration > >> </div> > >> </div> > >> </div> > >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> > >> ... > >> </div> > >> > >> Without it being hidden, it looks like this: > >> > >> http://screencast.com/t/OrEkqRdLe > >> > >> but when I do manage to hide the DIV using this code: > >> > >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); > >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none > >> > >> the DIV is hidden but nothing moves up ... > >> > >> http://screencast.com/t/27jU5jq2ln > >> > >> What do I need to do to hide the DIV and also have everything move up? > >> > >> Thanks, - Dave > >> _______________________________________________ > >> FAQ: http://dojotoolkit.org/support/faq > >> Book: http://dojotoolkit.org/docs/book > >> Forums: http://dojotoolkit.org/forum > >> Dojo-interest@... > >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> > > > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by Peter E Higgins-2
::
Rate this Message:
How is the tabContainer positioned? If it is position:absolute in the
layout, it won't move when the surrounding div's change size... typically, setting display:none on a node removes it from the layout, and it takes no space, so something else seems to be going on here. dijit.byId("applicationHeader").domNode is the node that should be taking the space ... is this preview-able anywhere that some remote firebug style inspection might shed some light on? fwiw, because you have jsId="applicationHeader", the node is available globally as applicationHeader.domNode Regards, Peter Higgins dave.alvarado@... wrote: > Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space: > > http://screencast.com/t/hFogoQATkTa > > This was the question I posed earlier, how to make everything move up? > > Thanks for your help, - Dave > > > > >> -------Original Message------- >> From: Jared Jurkiewicz <jared.jurkiewicz@...> >> Subject: Re: [Dojo-interest] How do I hide this content pane? >> Sent: Aug 22 '08 16:00 >> >> Or simpler: >> >> dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); >> >> -- Jared >> >> >> >> On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz >> <jared.jurkiewicz@...> wrote: >> > Style the domNode of the contentPane to hidden. >> > >> > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. >> > >> > -- Jared >> > >> > >> > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: >> >> Hi, >> >> >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... >> >> >> >> <body> >> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> >> >> <div><!-- print username / log out links --> ...</div> >> >> <div class="header"> >> >> <div class="headerRt" id="divHeader"> >> >> NPS Application Configuration >> >> </div> >> >> </div> >> >> </div> >> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> >> >> ... >> >> </div> >> >> >> >> Without it being hidden, it looks like this: >> >> >> >> http://screencast.com/t/OrEkqRdLe >> >> >> >> but when I do manage to hide the DIV using this code: >> >> >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); >> >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none >> >> >> >> the DIV is hidden but nothing moves up ... >> >> >> >> http://screencast.com/t/27jU5jq2ln >> >> >> >> What do I need to do to hide the DIV and also have everything move up? >> >> >> >> Thanks, - Dave >> >> _______________________________________________ >> >> FAQ: http://dojotoolkit.org/support/faq >> >> Book: http://dojotoolkit.org/docs/book >> >> Forums: http://dojotoolkit.org/forum >> >> Dojo-interest@... >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> >> >> > >> _______________________________________________ >> FAQ: http://dojotoolkit.org/support/faq >> Book: http://dojotoolkit.org/docs/book >> Forums: http://dojotoolkit.org/forum >> Dojo-interest@... >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> >> > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > _______________________________________________ FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by dave.alvarado
::
Rate this Message:
Ah, you are wise. When I inspected the TabContainer element it had position=absolute, inserted there by some magic having to do with "layoutAlign".
- Dave > -------Original Message------- > From: Peter E Higgins <dante@...> > Subject: Re: [Dojo-interest] How do I hide this content pane? > Sent: Aug 22 '08 16:20 > > How is the tabContainer positioned? If it is position:absolute in the > layout, it won't move when the surrounding div's change size... > typically, setting display:none on a node removes it from the layout, > and it takes no space, so something else seems to be going on here. > dijit.byId("applicationHeader").domNode is the node that should be > taking the space ... is this preview-able anywhere that some remote > firebug style inspection might shed some light on? > > fwiw, because you have jsId="applicationHeader", the node is available > globally as applicationHeader.domNode > > Regards, > Peter Higgins > > > dave.alvarado@... wrote: > > Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space: > > > > http://screencast.com/t/hFogoQATkTa > > > > This was the question I posed earlier, how to make everything move up? > > > > Thanks for your help, - Dave > > > > > > > > > >> -------Original Message------- > >> From: Jared Jurkiewicz <jared.jurkiewicz@...> > >> Subject: Re: [Dojo-interest] How do I hide this content pane? > >> Sent: Aug 22 '08 16:00 > >> > >> Or simpler: > >> > >> dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); > >> > >> -- Jared > >> > >> > >> > >> On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz > >> <jared.jurkiewicz@...> wrote: > >> > Style the domNode of the contentPane to hidden. > >> > > >> > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. > >> > > >> > -- Jared > >> > > >> > > >> > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: > >> >> Hi, > >> >> > >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... > >> >> > >> >> <body> > >> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> > >> >> <div><!-- print username / log out links --> ...</div> > >> >> <div class="header"> > >> >> <div class="headerRt" id="divHeader"> > >> >> NPS Application Configuration > >> >> </div> > >> >> </div> > >> >> </div> > >> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> > >> >> ... > >> >> </div> > >> >> > >> >> Without it being hidden, it looks like this: > >> >> > >> >> http://screencast.com/t/OrEkqRdLe > >> >> > >> >> but when I do manage to hide the DIV using this code: > >> >> > >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); > >> >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none > >> >> > >> >> the DIV is hidden but nothing moves up ... > >> >> > >> >> http://screencast.com/t/27jU5jq2ln > >> >> > >> >> What do I need to do to hide the DIV and also have everything move up? > >> >> > >> >> Thanks, - Dave > >> >> _______________________________________________ > >> >> FAQ: http://dojotoolkit.org/support/faq > >> >> Book: http://dojotoolkit.org/docs/book > >> >> Forums: http://dojotoolkit.org/forum > >> >> Dojo-interest@... > >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> >> > >> > > >> _______________________________________________ > >> FAQ: http://dojotoolkit.org/support/faq > >> Book: http://dojotoolkit.org/docs/book > >> Forums: http://dojotoolkit.org/forum > >> Dojo-interest@... > >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> > >> > > _______________________________________________ > > FAQ: http://dojotoolkit.org/support/faq > > Book: http://dojotoolkit.org/docs/book > > Forums: http://dojotoolkit.org/forum > > Dojo-interest@... > > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > > > > > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by Peter E Higgins-2
::
Rate this Message:
Hmm, that may be a Bug -- unless we're still supporting layoutAlign for
the deprecated LayoutContainer, which would in fact make the node position:absolute to that it can be sized and managed by the Container. Doesn't seem like you have one of those, so I'm going to guess it's safe to remove ... are you all worked out then? Regards, Peter Higgins dave.alvarado@... wrote: > Ah, you are wise. When I inspected the TabContainer element it had position=absolute, inserted there by some magic having to do with "layoutAlign". > > - Dave > > >> -------Original Message------- >> From: Peter E Higgins <dante@...> >> Subject: Re: [Dojo-interest] How do I hide this content pane? >> Sent: Aug 22 '08 16:20 >> >> How is the tabContainer positioned? If it is position:absolute in the >> layout, it won't move when the surrounding div's change size... >> typically, setting display:none on a node removes it from the layout, >> and it takes no space, so something else seems to be going on here. >> dijit.byId("applicationHeader").domNode is the node that should be >> taking the space ... is this preview-able anywhere that some remote >> firebug style inspection might shed some light on? >> >> fwiw, because you have jsId="applicationHeader", the node is available >> globally as applicationHeader.domNode >> >> Regards, >> Peter Higgins >> >> >> dave.alvarado@... wrote: >> > Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space: >> > >> > http://screencast.com/t/hFogoQATkTa >> > >> > This was the question I posed earlier, how to make everything move up? >> > >> > Thanks for your help, - Dave >> > >> > >> > >> > >> >> -------Original Message------- >> >> From: Jared Jurkiewicz <jared.jurkiewicz@...> >> >> Subject: Re: [Dojo-interest] How do I hide this content pane? >> >> Sent: Aug 22 '08 16:00 >> >> >> >> Or simpler: >> >> >> >> dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); >> >> >> >> -- Jared >> >> >> >> >> >> >> >> On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz >> >> <jared.jurkiewicz@...> wrote: >> >> > Style the domNode of the contentPane to hidden. >> >> > >> >> > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. >> >> > >> >> > -- Jared >> >> > >> >> > >> >> > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: >> >> >> Hi, >> >> >> >> >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... >> >> >> >> >> >> <body> >> >> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> >> >> >> <div><!-- print username / log out links --> ...</div> >> >> >> <div class="header"> >> >> >> <div class="headerRt" id="divHeader"> >> >> >> NPS Application Configuration >> >> >> </div> >> >> >> </div> >> >> >> </div> >> >> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> >> >> >> ... >> >> >> </div> >> >> >> >> >> >> Without it being hidden, it looks like this: >> >> >> >> >> >> http://screencast.com/t/OrEkqRdLe >> >> >> >> >> >> but when I do manage to hide the DIV using this code: >> >> >> >> >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); >> >> >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none >> >> >> >> >> >> the DIV is hidden but nothing moves up ... >> >> >> >> >> >> http://screencast.com/t/27jU5jq2ln >> >> >> >> >> >> What do I need to do to hide the DIV and also have everything move up? >> >> >> >> >> >> Thanks, - Dave >> >> >> _______________________________________________ >> >> >> FAQ: http://dojotoolkit.org/support/faq >> >> >> Book: http://dojotoolkit.org/docs/book >> >> >> Forums: http://dojotoolkit.org/forum >> >> >> Dojo-interest@... >> >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> >> >> >> >> > >> >> _______________________________________________ >> >> FAQ: http://dojotoolkit.org/support/faq >> >> Book: http://dojotoolkit.org/docs/book >> >> Forums: http://dojotoolkit.org/forum >> >> Dojo-interest@... >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> >> >> >> >> > _______________________________________________ >> > FAQ: http://dojotoolkit.org/support/faq >> > Book: http://dojotoolkit.org/docs/book >> > Forums: http://dojotoolkit.org/forum >> > Dojo-interest@... >> > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> > >> > >> >> _______________________________________________ >> FAQ: http://dojotoolkit.org/support/faq >> Book: http://dojotoolkit.org/docs/book >> Forums: http://dojotoolkit.org/forum >> Dojo-interest@... >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest >> >> > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > _______________________________________________ FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by dave.alvarado
::
Rate this Message:
Yes, everything's good here. I noticed that whenever I had "layoutAlign='client'" within the TabContainer DIV, the element got this "position:absolute" attribute assigned to it. So what I did was add a 'style="position:relative;"' to the DIV and all was good.
Granted maybe there's more I'm not telling you. I inherited code that wasn't my own and so I'm trying to figure out what's going on. We're using Dojo 0.9 if that's of any help. Anyway, thanks again, - Dave > -------Original Message------- > From: Peter E Higgins <dante@...> > Subject: Re: [Dojo-interest] How do I hide this content pane? > Sent: Aug 22 '08 16:54 > > Hmm, that may be a Bug -- unless we're still supporting layoutAlign for > the deprecated LayoutContainer, which would in fact make the node > position:absolute to that it can be sized and managed by the Container. > Doesn't seem like you have one of those, so I'm going to guess it's safe > to remove ... are you all worked out then? > > Regards, > Peter Higgins > > > dave.alvarado@... wrote: > > Ah, you are wise. When I inspected the TabContainer element it had position=absolute, inserted there by some magic having to do with "layoutAlign". > > > > - Dave > > > > > >> -------Original Message------- > >> From: Peter E Higgins <dante@...> > >> Subject: Re: [Dojo-interest] How do I hide this content pane? > >> Sent: Aug 22 '08 16:20 > >> > >> How is the tabContainer positioned? If it is position:absolute in the > >> layout, it won't move when the surrounding div's change size... > >> typically, setting display:none on a node removes it from the layout, > >> and it takes no space, so something else seems to be going on here. > >> dijit.byId("applicationHeader").domNode is the node that should be > >> taking the space ... is this preview-able anywhere that some remote > >> firebug style inspection might shed some light on? > >> > >> fwiw, because you have jsId="applicationHeader", the node is available > >> globally as applicationHeader.domNode > >> > >> Regards, > >> Peter Higgins > >> > >> > >> dave.alvarado@... wrote: > >> > Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space: > >> > > >> > http://screencast.com/t/hFogoQATkTa > >> > > >> > This was the question I posed earlier, how to make everything move up? > >> > > >> > Thanks for your help, - Dave > >> > > >> > > >> > > >> > > >> >> -------Original Message------- > >> >> From: Jared Jurkiewicz <jared.jurkiewicz@...> > >> >> Subject: Re: [Dojo-interest] How do I hide this content pane? > >> >> Sent: Aug 22 '08 16:00 > >> >> > >> >> Or simpler: > >> >> > >> >> dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); > >> >> > >> >> -- Jared > >> >> > >> >> > >> >> > >> >> On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz > >> >> <jared.jurkiewicz@...> wrote: > >> >> > Style the domNode of the contentPane to hidden. > >> >> > > >> >> > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. > >> >> > > >> >> > -- Jared > >> >> > > >> >> > > >> >> > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: > >> >> >> Hi, > >> >> >> > >> >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... > >> >> >> > >> >> >> <body> > >> >> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> > >> >> >> <div><!-- print username / log out links --> ...</div> > >> >> >> <div class="header"> > >> >> >> <div class="headerRt" id="divHeader"> > >> >> >> NPS Application Configuration > >> >> >> </div> > >> >> >> </div> > >> >> >> </div> > >> >> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> > >> >> >> ... > >> >> >> </div> > >> >> >> > >> >> >> Without it being hidden, it looks like this: > >> >> >> > >> >> >> http://screencast.com/t/OrEkqRdLe > >> >> >> > >> >> >> but when I do manage to hide the DIV using this code: > >> >> >> > >> >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); > >> >> >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none > >> >> >> > >> >> >> the DIV is hidden but nothing moves up ... > >> >> >> > >> >> >> http://screencast.com/t/27jU5jq2ln > >> >> >> > >> >> >> What do I need to do to hide the DIV and also have everything move up? > >> >> >> > >> >> >> Thanks, - Dave > >> >> >> _______________________________________________ > >> >> >> FAQ: http://dojotoolkit.org/support/faq > >> >> >> Book: http://dojotoolkit.org/docs/book > >> >> >> Forums: http://dojotoolkit.org/forum > >> >> >> Dojo-interest@... > >> >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> >> >> > >> >> > > >> >> _______________________________________________ > >> >> FAQ: http://dojotoolkit.org/support/faq > >> >> Book: http://dojotoolkit.org/docs/book > >> >> Forums: http://dojotoolkit.org/forum > >> >> Dojo-interest@... > >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> >> > >> >> > >> > _______________________________________________ > >> > FAQ: http://dojotoolkit.org/support/faq > >> > Book: http://dojotoolkit.org/docs/book > >> > Forums: http://dojotoolkit.org/forum > >> > Dojo-interest@... > >> > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> > > >> > > >> > >> _______________________________________________ > >> FAQ: http://dojotoolkit.org/support/faq > >> Book: http://dojotoolkit.org/docs/book > >> Forums: http://dojotoolkit.org/forum > >> Dojo-interest@... > >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > >> > >> > > _______________________________________________ > > FAQ: http://dojotoolkit.org/support/faq > > Book: http://dojotoolkit.org/docs/book > > Forums: http://dojotoolkit.org/forum > > Dojo-interest@... > > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > > > > > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > FAQ: http://dojotoolkit.org/support/faq Book: http://dojotoolkit.org/docs/book Forums: http://dojotoolkit.org/forum Dojo-interest@... http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest |
|
|
Re: How do I hide this content pane?
by G. Sharon Yang
::
Rate this Message:
dojo.style(dijit.byId("applicationHeader").domNode, "display", "none");
dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); none of those seems to work for the contentpane inside a tabcontainer. here's my tab structrue: <div dojoType="dijit.layout.TabContainer" id="tab_container" doLayout="false"> <div dojoType="dijit.layout.ContentPane" id="subtab0" jsId="subtab0" title="Warnings" layoutAlign="client" style="position:relative;"> ........ </div> <div dojoType="dijit.layout.ContentPane" id="subtab1" jsId="subtab1" title="Step 1: Make selections below" > ...... </div> <div dojoType="dijit.layout.ContentPane" id="subtab2" jsId="subtab2" href="systemtiming_inputs.jsp" title="Step 2: Input values below" refreshOnShow="on"> </div> <div dojoType="dijit.layout.ContentPane" id="subtab3" jsId="subtab3" href="systemtiming_results.jsp" title="Step 3: Results" refreshOnShow="true" > </div> </div> I'd like to make 'subtab0' go away if there is no warning. I used: dojo.style(dijit.byId("subtab0").domNode, "display", "none"); Is there anything wrong about the syntax....? Thanks, Sharon On Fri, Aug 22, 2008 at 10:14 AM, <dave.alvarado@...> wrote: > > Yes, everything's good here. I noticed that whenever I had "layoutAlign='client'" within the TabContainer DIV, the element got this "position:absolute" attribute assigned to it. So what I did was add a 'style="position:relative;"' to the DIV and all was good. > > Granted maybe there's more I'm not telling you. I inherited code that wasn't my own and so I'm trying to figure out what's going on. We're using Dojo 0.9 if that's of any help. > > Anyway, thanks again, - Dave > > > > -------Original Message------- > > From: Peter E Higgins <dante@...> > > Subject: Re: [Dojo-interest] How do I hide this content pane? > > Sent: Aug 22 '08 16:54 > > > > Hmm, that may be a Bug -- unless we're still supporting layoutAlign for > > the deprecated LayoutContainer, which would in fact make the node > > position:absolute to that it can be sized and managed by the Container. > > Doesn't seem like you have one of those, so I'm going to guess it's safe > > to remove ... are you all worked out then? > > > > Regards, > > Peter Higgins > > > > > > dave.alvarado@... wrote: > > > Ah, you are wise. When I inspected the TabContainer element it had position=absolute, inserted there by some magic having to do with "layoutAlign". > > > > > > - Dave > > > > > > > > >> -------Original Message------- > > >> From: Peter E Higgins <dante@...> > > >> Subject: Re: [Dojo-interest] How do I hide this content pane? > > >> Sent: Aug 22 '08 16:20 > > >> > > >> How is the tabContainer positioned? If it is position:absolute in the > > >> layout, it won't move when the surrounding div's change size... > > >> typically, setting display:none on a node removes it from the layout, > > >> and it takes no space, so something else seems to be going on here. > > >> dijit.byId("applicationHeader").domNode is the node that should be > > >> taking the space ... is this preview-able anywhere that some remote > > >> firebug style inspection might shed some light on? > > >> > > >> fwiw, because you have jsId="applicationHeader", the node is available > > >> globally as applicationHeader.domNode > > >> > > >> Regards, > > >> Peter Higgins > > >> > > >> > > >> dave.alvarado@... wrote: > > >> > Thanks. Your solution succeeds in making the DIV invisible, but it doesn't succeed in moving the DIVs beneath it up to fill the blank space: > > >> > > > >> > http://screencast.com/t/hFogoQATkTa > > >> > > > >> > This was the question I posed earlier, how to make everything move up? > > >> > > > >> > Thanks for your help, - Dave > > >> > > > >> > > > >> > > > >> > > > >> >> -------Original Message------- > > >> >> From: Jared Jurkiewicz <jared.jurkiewicz@...> > > >> >> Subject: Re: [Dojo-interest] How do I hide this content pane? > > >> >> Sent: Aug 22 '08 16:00 > > >> >> > > >> >> Or simpler: > > >> >> > > >> >> dojo.style(dijit.byId("applicationHeader").domNode, "display", "none"); > > >> >> > > >> >> -- Jared > > >> >> > > >> >> > > >> >> > > >> >> On Fri, Aug 22, 2008 at 11:58 AM, Jared Jurkiewicz > > >> >> <jared.jurkiewicz@...> wrote: > > >> >> > Style the domNode of the contentPane to hidden. > > >> >> > > > >> >> > dojo.style(dojo.query("#applicationHeader"), "display", "hidden"); //Or none. > > >> >> > > > >> >> > -- Jared > > >> >> > > > >> >> > > > >> >> > On Fri, Aug 22, 2008 at 11:27 AM, <dave.alvarado@...> wrote: > > >> >> >> Hi, > > >> >> >> > > >> >> >> In certain situations I want to hide the DIV with id="applicationHeader", at the top of my page ... > > >> >> >> > > >> >> >> <body> > > >> >> >> <div dojoType="dijit.layout.ContentPane" layoutAlign="top" id="applicationHeader" jsId="applicationHeader"> > > >> >> >> <div><!-- print username / log out links --> ...</div> > > >> >> >> <div class="header"> > > >> >> >> <div class="headerRt" id="divHeader"> > > >> >> >> NPS Application Configuration > > >> >> >> </div> > > >> >> >> </div> > > >> >> >> </div> > > >> >> >> <div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" layoutAlign="client"> > > >> >> >> ... > > >> >> >> </div> > > >> >> >> > > >> >> >> Without it being hidden, it looks like this: > > >> >> >> > > >> >> >> http://screencast.com/t/OrEkqRdLe > > >> >> >> > > >> >> >> but when I do manage to hide the DIV using this code: > > >> >> >> > > >> >> >> dojo.query("#applicationHeader").removeClass("dijitContentPane"); > > >> >> >> dojo.query("#applicationHeader").addClass("hidden"); // Simply contains display:none > > >> >> >> > > >> >> >> the DIV is hidden but nothing moves up ... > > >> >> >> > > >> >> >> http://screencast.com/t/27jU5jq2ln > > >> >> >> > > >> >> >> What do I need to do to hide the DIV and also have everything move up? > > >> >> >> > > >> >> >> Thanks, - Dave > > >> >> >> _______________________________________________ > > >> >> >> FAQ: http://dojotoolkit.org/support/faq > > >> >> >> Book: http://dojotoolkit.org/docs/book > > >> >> >> Forums: http://dojotoolkit.org/forum > > >> >> >> Dojo-interest@... > > >> >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > >> >> >> > > >> >> > > > >> >> _______________________________________________ > > >> >> FAQ: http://dojotoolkit.org/support/faq > > >> >> Book: http://dojotoolkit.org/docs/book > > >> >> Forums: http://dojotoolkit.org/forum > > >> >> Dojo-interest@... > > >> >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > >> >> > > >> >> > > >> > _______________________________________________ > > >> > FAQ: http://dojotoolkit.org/support/faq > > >> > Book: http://dojotoolkit.org/docs/book > > >> > Forums: http://dojotoolkit.org/forum > > >> > Dojo-interest@... > > >> > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > >> > > > >> > > > >> > > >> _______________________________________________ > > >> FAQ: http://dojotoolkit.org/support/faq > > >> Book: http://dojotoolkit.org/docs/book > > >> Forums: http://dojotoolkit.org/forum > > >> Dojo-interest@... > > >> http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > >> > > >> > > > _______________________________________________ > > > FAQ: http://dojotoolkit.org/support/faq > > > Book: http://dojotoolkit.org/docs/book > > > Forums: http://dojotoolkit.org/forum > > > Dojo-interest@... > > > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > > > > > > > > > _______________________________________________ > > FAQ: http://dojotoolkit.org/support/faq > > Book: http://dojotoolkit.org/docs/book > > Forums: http://dojotoolkit.org/forum > > Dojo-interest@... > > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest > > > _______________________________________________ > FAQ: http://dojotoolkit.org/support/faq > Book: http://dojotoolkit.org/docs/book > Forums: http://dojotoolkit.org/forum > Dojo-interest@... > http://turtle.dojotoolkit.org/mailman/listinfo/dojo-interest FAQ: http://dojotoolkit.org/support/faq Book: http://docs.dojocampus.org Dojo-interest@... http://mail.dojotoolkit.org/mailman/listinfo/dojo-interest |
| Free embeddable forum powered by Nabble | Forum Help |
