View remaining content of a full ocuupied window after resizing
I have created a webpage which fits itself to the size of the browser window at start. Whenevr it resizes, I want to get a scrollbar which will help me navigate the entire page. I tried using CSS overflow property but that doesnt work as in i am not able to view all the contents. The scrollbar does appear but then doesnt help show all the contetns inside the page. Another undesired effect I get is that the inner contents overlap each other after resizing to a smaller size. --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
Get remaining height of a panel or window
Imagine I create a containerPanel which contains 2 different panels- consider A and B. One of these contained panels, say A, changes its dimensions at runtime so I have to reset the other panel B's size accordingly. Is there any way to get the current height of that panel A. What is the getOffsetHeight function supposed to return since it always returns me a zero value? --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
how to listen to ESC key for popup
My application displays a popup whenevr a particular button is clicked. Now i can hide the popup whenever the user clicks the mouse outside of it using the default popup-panel property provided by GWT. Apart from that I also need to listen to keyboard so that if the user hits ESC on the keyboard my popup should disappear from the screen. Any idea how to implement in gwt? --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
set fixed size for popup and enable scrolling within it
I have a popuppanel which wraps a flowpanel within itself. Now i want this popup to occupy only some portion of the screen. In case the flowpanel exceeds the mentioned limits, the popup should display a scrollbar. I tried setting this using CSS by usinf overflow:auto but it doesnt work. If u know any way t do it plz let me know --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
GWT increases panel size
Hey i just noticed a strange behavior in GWT. When you create a GWT project and run it in hosted mode and then open it in browser, the size of the output is visibly different. GWT increases the panel dimensions in the browser. I created a project having a panel at the extreme left with width fixed to some 233 pixels. Also I created a simple html page with a div having 233 pixels. After running the project I could see that the width of the panel in the hosted mode is same as the one with HTML output but it is much lesser than the width of the GWT output. I am using Mozilla firefox as the default browser. Please help and tell me if the problem is in GWT or in the browser. --~--~-~--~~~---~--~~ 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: vertical alignment doesnt work while horizontal alignment does
Hey Gregor
thanks for the effort u took in replying to my question. I tried ur
code and it works fine. But the problem is still unsolved.
I need to perform all layout and positioning using CSS so that the
enduser can make changes whenever he wants to in the CSS without
touching the code.
The above code will work well in css only if u specify it in pixels
explicitly which is not really favorable.
Your code does exactly solve my problem but i need to solve it using
css.
Thanks and regards
Aragorn.
On Dec 15, 5:30 pm, gregor greg.power...@googlemail.com wrote:
Hi Aragorn,
This is what I mean. Notice that I am setting the height of the HTML
contents boxes to 100% (except the bottom one) so that they grow
vertically to occupy the space of their parents which in this case are
the VP cells they occupy (NB HTML automatically expands width wise,
some widgets don't so you have to give them a width=100%). Then I set
the VP cells to create the effect.
Is this not what you are talking about?
regards
gregor
public class SandBox implements EntryPoint {
private VerticalPanel vPan = new VerticalPanel();
private HTML top = new HTML(Top);
private HTML middle = new HTML(middle);
private HTML bottom = new HTML(bottom);
public void onModuleLoad() {
top.setStyleName(back-blue);
middle.setStyleName(back-red);
bottom.setStyleName(back-green);
top.setHeight(100%);
middle.setHeight(100%);
vPan.add(top);
vPan.add(middle);
vPan.add(bottom);
vPan.setCellHeight(top,50px);
vPan.setCellHeight(bottom,1%);
vPan.setBorderWidth(2);
vPan.setSize(100%,100%);
RootPanel.get().add(vPan);
}}
.back-blue {
background-color: lightblue;
}
.back-red {
background-color: red;
}
.back-green {
background-color: green;
}
On Dec 15, 4:52 am, aragorn sagar5...@gmail.com wrote:
I have tried it. The middle panel actually doesnt occupy the entire
height since it is empty. The bottom panel also doesnt really stay at
the bottommost part of the window as it follows the middle panel.
I want the top panel to occupt certain fixed pixel height. The middle
and bottom panel should occupy the remaing space which i would soecify
in percentage in css. How do i go about it?
On Dec 15, 2:15 am, gregor greg.power...@googlemail.com wrote:
I think you need to work with VP.setCellHeight(widget,height). The
basic technique is to set the the top and bottom widgets to say 1%
height and the middle one 100% which will minimize the height of top
and bottom depending on contents and middle will fill out the rest. Or
you can give a hard pixel height value to top and bottom and 100% to
middle.
On Dec 14, 10:23 am, aragorn sagar5...@gmail.com wrote:
I am creating a vertical panel which contains 3 panels in it. now i
want the topmost panel to always remain at the topmost region touching
the top of the window. Similarly the bottommost panel should remain at
the bottom touching the lowest part of the window. the middle panel
should occupy the entiore remainn=ng space between these two. I tried
using vertical alignment in CSS as well in GWT code somewhat like
vertical-align: top; // for top window
vertical-align: bottom; //for bottom window
It doesnt work as expected. AM i doing it wrong? is there a way to do
it using CSS ???
--~--~-~--~~~---~--~~
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: can we disable the default scrollbar in HorizontalSplitPanel
Thanks again Gregor
But here again i need to use CSS for all positioning and layout. No
positioning or layout is supposed to be performed in the actual code.
On Dec 15, 6:09 pm, gregor greg.power...@googlemail.com wrote:
Hi Aragorn,
In this case I had to explicitly size the left component to 223px
otherwise it just gets squashed to the width of left because of the
right cell's 100% width. You can change this to work on percentages by
changing the cell width argument for the right cell, but then the
width of left will be variable proportional to the overall screen
size. But in this case you can't just write left.setCellSize
(223px,1%) in the way I did for the VP example. HTML sometimes
treats widths slightly differently to heights.
I would avoid direct pixel size calculations like the plague. You just
need to get your head around basic HTML behaviour. Using noddy
programs like this to sort out the behaviour you want is a good way to
proceed. Start with a layout design, then do a simple test like this,
then it is easy to put the layout into your real app.
regards
gregor
public class SandBox implements EntryPoint {
private HorizontalPanel hPan = new HorizontalPanel();
private HTML left = new HTML(Left);
private HTML right = new HTML(right);
public void onModuleLoad() {
left.setStyleName(back-blue);
right.setStyleName(back-red);
// comment out for % wise spacing
left.setSize(223px,100%);
// comment in for % wise spacing
//left.setHeight(100%);
right.setHeight(100%);
hPan.add(left);
hPan.add(right);
// switch statements for % style spacing
hPan.setCellWidth(right,100%);
//hPan.setCellWidth(right,70%);
hPan.setBorderWidth(2);
hPan.setSize(100%,100%);
RootPanel.get().add(hPan);
}
}
.back-blue {
background-color: lightblue;
}
.back-red {
background-color: red;
}
.back-green {
background-color: green;
}
On Dec 15, 4:38 am, aragorn sagar5...@gmail.com wrote:
I tried using a horizontal panel as a main panel with wisth and height
to 100%. Inside it i created two different verticalpanels. The one on
left hand side has fixed width set to 233 pixels using css. Now the
right child panel should occupy the remainng space in the screen. I
tried setting width to 100% in css as well as in gwt code. It doesnt
work. By default a panel occupies only the space its content requires.
So an empty panel doesnt have much width even if it occupies the
entire height.
Inside the rightside panel i have to use 2 child widgets which occupy
entire width. How should i got about it?Is there a way to get window
dimesnions in css so that i can calculate the width in pixels in the
css itself?
On Dec 15, 2:10 am, gregor greg.power...@googlemail.com wrote:
AFAIK there is no way you can disable the internal ScrollPanels in
HSP. HSP internally puts each widget (left right) inside a
ScollPanel automatically for you, and if either left of right widgets
grow they will kick in, end of. HSP is also declared final, so it is
impossible to extend the class to attempt to modify this behaviour.
If you want to completely disable HSP resizing (i.e you do not want
the user to able to move the splitter) why use HSP? Why not use a 2
cell HorizontalPanel with a fixed left cell size and the right 100%
width?
On Dec 14, 10:32 am, aragorn sagar5...@gmail.com wrote:
I am using a horizontalSplitPanel to divide my window into two parts-
left part has fixed width while the right one occupies the entire
remaining space. I want to hide the fact that i have used SplitPanel
by removing the default scrollbars the appear whenever the inner
panels go out of size and disabling resizing capability of the
splitPanel. Is there a way to achieve it? I definitely need a way to
remove the scrollbars.
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
can we disable the default scrollbar in HorizontalSplitPanel
I am using a horizontalSplitPanel to divide my window into two parts- left part has fixed width while the right one occupies the entire remaining space. I want to hide the fact that i have used SplitPanel by removing the default scrollbars the appear whenever the inner panels go out of size and disabling resizing capability of the splitPanel. Is there a way to achieve it? I definitely need a way to remove the scrollbars. --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
vertical alignment doesnt work while horizontal alignment does
I am creating a vertical panel which contains 3 panels in it. now i want the topmost panel to always remain at the topmost region touching the top of the window. Similarly the bottommost panel should remain at the bottom touching the lowest part of the window. the middle panel should occupy the entiore remainn=ng space between these two. I tried using vertical alignment in CSS as well in GWT code somewhat like vertical-align: top; // for top window vertical-align: bottom; //for bottom window It doesnt work as expected. AM i doing it wrong? is there a way to do it using CSS ??? --~--~-~--~~~---~--~~ 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: can we disable the default scrollbar in HorizontalSplitPanel
I tried using a horizontal panel as a main panel with wisth and height to 100%. Inside it i created two different verticalpanels. The one on left hand side has fixed width set to 233 pixels using css. Now the right child panel should occupy the remainng space in the screen. I tried setting width to 100% in css as well as in gwt code. It doesnt work. By default a panel occupies only the space its content requires. So an empty panel doesnt have much width even if it occupies the entire height. Inside the rightside panel i have to use 2 child widgets which occupy entire width. How should i got about it?Is there a way to get window dimesnions in css so that i can calculate the width in pixels in the css itself? On Dec 15, 2:10 am, gregor greg.power...@googlemail.com wrote: AFAIK there is no way you can disable the internal ScrollPanels in HSP. HSP internally puts each widget (left right) inside a ScollPanel automatically for you, and if either left of right widgets grow they will kick in, end of. HSP is also declared final, so it is impossible to extend the class to attempt to modify this behaviour. If you want to completely disable HSP resizing (i.e you do not want the user to able to move the splitter) why use HSP? Why not use a 2 cell HorizontalPanel with a fixed left cell size and the right 100% width? On Dec 14, 10:32 am, aragorn sagar5...@gmail.com wrote: I am using a horizontalSplitPanel to divide my window into two parts- left part has fixed width while the right one occupies the entire remaining space. I want to hide the fact that i have used SplitPanel by removing the default scrollbars the appear whenever the inner panels go out of size and disabling resizing capability of the splitPanel. Is there a way to achieve it? I definitely need a way to remove the scrollbars. --~--~-~--~~~---~--~~ 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: vertical alignment doesnt work while horizontal alignment does
I have tried it. The middle panel actually doesnt occupy the entire height since it is empty. The bottom panel also doesnt really stay at the bottommost part of the window as it follows the middle panel. I want the top panel to occupt certain fixed pixel height. The middle and bottom panel should occupy the remaing space which i would soecify in percentage in css. How do i go about it? On Dec 15, 2:15 am, gregor greg.power...@googlemail.com wrote: I think you need to work with VP.setCellHeight(widget,height). The basic technique is to set the the top and bottom widgets to say 1% height and the middle one 100% which will minimize the height of top and bottom depending on contents and middle will fill out the rest. Or you can give a hard pixel height value to top and bottom and 100% to middle. On Dec 14, 10:23 am, aragorn sagar5...@gmail.com wrote: I am creating a vertical panel which contains 3 panels in it. now i want the topmost panel to always remain at the topmost region touching the top of the window. Similarly the bottommost panel should remain at the bottom touching the lowest part of the window. the middle panel should occupy the entiore remainn=ng space between these two. I tried using vertical alignment in CSS as well in GWT code somewhat like vertical-align: top; // for top window vertical-align: bottom; //for bottom window It doesnt work as expected. AM i doing it wrong? is there a way to do it using CSS ??? --~--~-~--~~~---~--~~ 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 -~--~~~~--~~--~--~---
