Re: UiBinder + HTMLPanel + css = Loss of hair???
Yipeeeh, that solved my problem :-)
Many thanks!!!
One day I'll maybe finally understand CSS *g*
On Feb 19, 9:49 pm, Hilco Wijbenga hilco.wijbe...@gmail.com wrote:
On 19 February 2011 03:43, pete superp...@geekcity.de wrote:
Hallo,
I have a weird problem, in my UiBinder template (suppose it's the
template for TestWidget) I have sth like the following code
ui:style
.fullSize {
height: 100%;
width: 100%;
}
/ui:style
g:ScrollPanel addStyleNames='{style.fullSize}'
g:HTMLPanel addStyleNames='{style.fullSize}'
div class='{style.fullSize}'TestDiv/div
/g:HTMLPanel
/g:ScrollPanel
But if I initialize
TestWidget test = new TestWidget();
SimplePanel testPanel = new SimplePanel();
testPanel.setPixelSize(800, 600);
testPanel.add(test);
RootPanel.get().add(testPanel);
I see that the ScollPanel indeed has the full size of 800 x 600, but
then in FireBug it shows a weird div with just position: relative; and
for all child elements the size is broken (meaning, the percentage
doesn't refer to the 800 x 600 px anymore...)
I tried for a ridiculous long time, to fix this, but I don't know
where I go wrong (since literally every f* tag should have size
100% and therefore I don't know where this ominous tag without style
comes from...)
Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
in the morning here, so it might as well be a stupid mistake, that I
can't identify through my swollen little pig eyes anymore, but I
couldn't find rest, if I hadn't at least posted it here ;-)
The strange div you're seeing is part of ScrollPanel. ScrollPanel
consists of a div in a div.
If you add
.fullSize div {
height: 100%;
width: 100%;
}
then you should get what you want.
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: UiBinder + HTMLPanel + css = Loss of hair???
Not being a html / css is my problem as well ;-)
Just that anyway, there is this weird div with only attribute
position: relative created in the html output. So even if I set
margin, it still goes with respect to this sh div, that I don't
know how to control, doesn't it? If I set the attributes of this div
to width=100% height=100% manually with firebug, it renders
correctly, but I don't know how to reach this div from inside of my
template / code...
Thanks for the margin tip though, I'll try this next time!!
On Feb 19, 6:24 am, JosephLi joseph.l...@gmail.com wrote:
hi Pete,
I am not an html / css, but from what I read, u might want to switch
to using css' margin-left and margin-right properties for better
layout control.
Joseph
On Feb 18, 10:43 pm, pete superp...@geekcity.de wrote:
Hallo,
I have a weird problem, in my UiBinder template (suppose it's the
template for TestWidget) I have sth like the following code
ui:style
.fullSize {
height: 100%;
width: 100%;
}
/ui:style
g:ScrollPanel addStyleNames='{style.fullSize}'
g:HTMLPanel addStyleNames='{style.fullSize}'
div class='{style.fullSize}'TestDiv/div
/g:HTMLPanel
/g:ScrollPanel
But if I initialize
TestWidget test = new TestWidget();
SimplePanel testPanel = new SimplePanel();
testPanel.setPixelSize(800, 600);
testPanel.add(test);
RootPanel.get().add(testPanel);
I see that the ScollPanel indeed has the full size of 800 x 600, but
then in FireBug it shows a weird div with just position: relative; and
for all child elements the size is broken (meaning, the percentage
doesn't refer to the 800 x 600 px anymore...)
I tried for a ridiculous long time, to fix this, but I don't know
where I go wrong (since literally every f* tag should have size
100% and therefore I don't know where this ominous tag without style
comes from...)
Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
in the morning here, so it might as well be a stupid mistake, that I
can't identify through my swollen little pig eyes anymore, but I
couldn't find rest, if I hadn't at least posted it here ;-)
About any help I'd be really glad...
Greetz,
Pete
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: UiBinder + HTMLPanel + css = Loss of hair???
On 19 February 2011 03:43, pete superp...@geekcity.de wrote:
Hallo,
I have a weird problem, in my UiBinder template (suppose it's the
template for TestWidget) I have sth like the following code
ui:style
.fullSize {
height: 100%;
width: 100%;
}
/ui:style
g:ScrollPanel addStyleNames='{style.fullSize}'
g:HTMLPanel addStyleNames='{style.fullSize}'
div class='{style.fullSize}'TestDiv/div
/g:HTMLPanel
/g:ScrollPanel
But if I initialize
TestWidget test = new TestWidget();
SimplePanel testPanel = new SimplePanel();
testPanel.setPixelSize(800, 600);
testPanel.add(test);
RootPanel.get().add(testPanel);
I see that the ScollPanel indeed has the full size of 800 x 600, but
then in FireBug it shows a weird div with just position: relative; and
for all child elements the size is broken (meaning, the percentage
doesn't refer to the 800 x 600 px anymore...)
I tried for a ridiculous long time, to fix this, but I don't know
where I go wrong (since literally every f* tag should have size
100% and therefore I don't know where this ominous tag without style
comes from...)
Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
in the morning here, so it might as well be a stupid mistake, that I
can't identify through my swollen little pig eyes anymore, but I
couldn't find rest, if I hadn't at least posted it here ;-)
The strange div you're seeing is part of ScrollPanel. ScrollPanel
consists of a div in a div.
If you add
.fullSize div {
height: 100%;
width: 100%;
}
then you should get what you want.
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
UiBinder + HTMLPanel + css = Loss of hair???
Hallo,
I have a weird problem, in my UiBinder template (suppose it's the
template for TestWidget) I have sth like the following code
ui:style
.fullSize {
height: 100%;
width: 100%;
}
/ui:style
g:ScrollPanel addStyleNames='{style.fullSize}'
g:HTMLPanel addStyleNames='{style.fullSize}'
div class='{style.fullSize}'TestDiv/div
/g:HTMLPanel
/g:ScrollPanel
But if I initialize
TestWidget test = new TestWidget();
SimplePanel testPanel = new SimplePanel();
testPanel.setPixelSize(800, 600);
testPanel.add(test);
RootPanel.get().add(testPanel);
I see that the ScollPanel indeed has the full size of 800 x 600, but
then in FireBug it shows a weird div with just position: relative; and
for all child elements the size is broken (meaning, the percentage
doesn't refer to the 800 x 600 px anymore...)
I tried for a ridiculous long time, to fix this, but I don't know
where I go wrong (since literally every f* tag should have size
100% and therefore I don't know where this ominous tag without style
comes from...)
Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
in the morning here, so it might as well be a stupid mistake, that I
can't identify through my swollen little pig eyes anymore, but I
couldn't find rest, if I hadn't at least posted it here ;-)
About any help I'd be really glad...
Greetz,
Pete
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
Re: UiBinder + HTMLPanel + css = Loss of hair???
hi Pete,
I am not an html / css, but from what I read, u might want to switch
to using css' margin-left and margin-right properties for better
layout control.
Joseph
On Feb 18, 10:43 pm, pete superp...@geekcity.de wrote:
Hallo,
I have a weird problem, in my UiBinder template (suppose it's the
template for TestWidget) I have sth like the following code
ui:style
.fullSize {
height: 100%;
width: 100%;
}
/ui:style
g:ScrollPanel addStyleNames='{style.fullSize}'
g:HTMLPanel addStyleNames='{style.fullSize}'
div class='{style.fullSize}'TestDiv/div
/g:HTMLPanel
/g:ScrollPanel
But if I initialize
TestWidget test = new TestWidget();
SimplePanel testPanel = new SimplePanel();
testPanel.setPixelSize(800, 600);
testPanel.add(test);
RootPanel.get().add(testPanel);
I see that the ScollPanel indeed has the full size of 800 x 600, but
then in FireBug it shows a weird div with just position: relative; and
for all child elements the size is broken (meaning, the percentage
doesn't refer to the 800 x 600 px anymore...)
I tried for a ridiculous long time, to fix this, but I don't know
where I go wrong (since literally every f* tag should have size
100% and therefore I don't know where this ominous tag without style
comes from...)
Does anyone know what I'm doing wrong, and how to fix it? It' almost 5
in the morning here, so it might as well be a stupid mistake, that I
can't identify through my swollen little pig eyes anymore, but I
couldn't find rest, if I hadn't at least posted it here ;-)
About any help I'd be really glad...
Greetz,
Pete
--
You received this message because you are subscribed to the Google Groups
Google Web Toolkit group.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to
google-web-toolkit+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
