You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Hugo Palma <hu...@gmail.com> on 2007/05/10 19:37:01 UTC
Dojo dialog is left aligned
It seems that the dojo dialog that shows up when i use clientValidation is
aligned to the left instead of being in the middle.
I can see that the generated div with id "validationbDialog" has the correct
placement(it's right in the middle of the page) but the inner div that has
the contents of the dialog shows up left aligned. This happens in both FF
and IE.
I'm using 4.1.2 SNASHOT.
Is this a bug or am i missing something ?
Thanks....
Re: Dojo dialog is left aligned
Posted by Hugo Palma <hu...@gmail.com>.
Yep, that was it....
Thanks for the tip....
On 5/12/07, Jesse Kuhnert <jk...@gmail.com> wrote:
>
> It's all purely css driven. I'm guessing that something else on your page
> (or in other css) is messing things up. That's what I've found in the
> past.
>
>
> I would start with the css rules most directly relevant to your dialog and
> slowly work your way outward. Firebug is perfect for things like
> this. It
> shows you all the inherited attributes and you are able to determine
> pretty
> quickly what the problem is. (as well as play with the values right there
> on
> the page)
>
> On 5/10/07, Hugo Palma <hu...@gmail.com> wrote:
> >
> > I know, i'm using that to provide a custom look for the dialog. But i
> > can't use the css to correct the placement of the dialog.
> > I've tried using the position css attribute with no luck.
> >
> > Julian Wood wrote:
> > > You can style that dialog to your preference. I use:
> > >
> > > /* style the dojo dialog used for validation errors */
> > > .alertDialog {
> > > border: 1px dashed #191919;
> > > padding: 5px;
> > > background: #ffcc66;
> > > }
> > >
> > > .alertContent {
> > > background: #ffcc66;
> > > text-align: right;
> > > }
> > >
> > > .missingList {
> > > text-align: left;
> > > }
> > >
> > > .alertButton {
> > > }
> > >
> > > J
> > >
> > > On 10-May-07, at 11:37 AM, Hugo Palma wrote:
> > >
> > >> It seems that the dojo dialog that shows up when i use
> > >> clientValidation is
> > >> aligned to the left instead of being in the middle.
> > >> I can see that the generated div with id "validationbDialog" has the
> > >> correct
> > >> placement(it's right in the middle of the page) but the inner div
> > >> that has
> > >> the contents of the dialog shows up left aligned. This happens in
> > >> both FF
> > >> and IE.
> > >>
> > >> I'm using 4.1.2 SNASHOT.
> > >> Is this a bug or am i missing something ?
> > >>
> > >> Thanks....
> > >
> > > --
> > > Julian Wood <wo...@ucalgary.ca>
> > >
> > > Software Engineer
> > > Teaching & Learning Centre
> > > University of Calgary
> > >
> > > http://tlc.ucalgary.ca
> > >
> > >
> > >
> >
>
>
>
> --
> Jesse Kuhnert
> Tapestry/Dojo team member/developer
>
> Open source based consulting work centered around
> dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com
>
Re: Dojo dialog is left aligned
Posted by Jesse Kuhnert <jk...@gmail.com>.
It's all purely css driven. I'm guessing that something else on your page
(or in other css) is messing things up. That's what I've found in the past.
I would start with the css rules most directly relevant to your dialog and
slowly work your way outward. Firebug is perfect for things like this. It
shows you all the inherited attributes and you are able to determine pretty
quickly what the problem is. (as well as play with the values right there on
the page)
On 5/10/07, Hugo Palma <hu...@gmail.com> wrote:
>
> I know, i'm using that to provide a custom look for the dialog. But i
> can't use the css to correct the placement of the dialog.
> I've tried using the position css attribute with no luck.
>
> Julian Wood wrote:
> > You can style that dialog to your preference. I use:
> >
> > /* style the dojo dialog used for validation errors */
> > .alertDialog {
> > border: 1px dashed #191919;
> > padding: 5px;
> > background: #ffcc66;
> > }
> >
> > .alertContent {
> > background: #ffcc66;
> > text-align: right;
> > }
> >
> > .missingList {
> > text-align: left;
> > }
> >
> > .alertButton {
> > }
> >
> > J
> >
> > On 10-May-07, at 11:37 AM, Hugo Palma wrote:
> >
> >> It seems that the dojo dialog that shows up when i use
> >> clientValidation is
> >> aligned to the left instead of being in the middle.
> >> I can see that the generated div with id "validationbDialog" has the
> >> correct
> >> placement(it's right in the middle of the page) but the inner div
> >> that has
> >> the contents of the dialog shows up left aligned. This happens in
> >> both FF
> >> and IE.
> >>
> >> I'm using 4.1.2 SNASHOT.
> >> Is this a bug or am i missing something ?
> >>
> >> Thanks....
> >
> > --
> > Julian Wood <wo...@ucalgary.ca>
> >
> > Software Engineer
> > Teaching & Learning Centre
> > University of Calgary
> >
> > http://tlc.ucalgary.ca
> >
> >
> >
>
--
Jesse Kuhnert
Tapestry/Dojo team member/developer
Open source based consulting work centered around
dojo/tapestry/tacos/hivemind. http://blog.opencomponentry.com
Re: Dojo dialog is left aligned
Posted by Hugo Palma <hu...@gmail.com>.
I know, i'm using that to provide a custom look for the dialog. But i
can't use the css to correct the placement of the dialog.
I've tried using the position css attribute with no luck.
Julian Wood wrote:
> You can style that dialog to your preference. I use:
>
> /* style the dojo dialog used for validation errors */
> .alertDialog {
> border: 1px dashed #191919;
> padding: 5px;
> background: #ffcc66;
> }
>
> .alertContent {
> background: #ffcc66;
> text-align: right;
> }
>
> .missingList {
> text-align: left;
> }
>
> .alertButton {
> }
>
> J
>
> On 10-May-07, at 11:37 AM, Hugo Palma wrote:
>
>> It seems that the dojo dialog that shows up when i use
>> clientValidation is
>> aligned to the left instead of being in the middle.
>> I can see that the generated div with id "validationbDialog" has the
>> correct
>> placement(it's right in the middle of the page) but the inner div
>> that has
>> the contents of the dialog shows up left aligned. This happens in
>> both FF
>> and IE.
>>
>> I'm using 4.1.2 SNASHOT.
>> Is this a bug or am i missing something ?
>>
>> Thanks....
>
> --
> Julian Wood <wo...@ucalgary.ca>
>
> Software Engineer
> Teaching & Learning Centre
> University of Calgary
>
> http://tlc.ucalgary.ca
>
>
>
Re: Dojo dialog is left aligned
Posted by Julian Wood <wo...@ucalgary.ca>.
You can style that dialog to your preference. I use:
/* style the dojo dialog used for validation errors */
.alertDialog {
border: 1px dashed #191919;
padding: 5px;
background: #ffcc66;
}
.alertContent {
background: #ffcc66;
text-align: right;
}
.missingList {
text-align: left;
}
.alertButton {
}
J
On 10-May-07, at 11:37 AM, Hugo Palma wrote:
> It seems that the dojo dialog that shows up when i use
> clientValidation is
> aligned to the left instead of being in the middle.
> I can see that the generated div with id "validationbDialog" has
> the correct
> placement(it's right in the middle of the page) but the inner div
> that has
> the contents of the dialog shows up left aligned. This happens in
> both FF
> and IE.
>
> I'm using 4.1.2 SNASHOT.
> Is this a bug or am i missing something ?
>
> Thanks....
--
Julian Wood <wo...@ucalgary.ca>
Software Engineer
Teaching & Learning Centre
University of Calgary
http://tlc.ucalgary.ca