Re: question from a novice in GWT
Ok but how can achieve this?
On Aug 17, 4:21 pm, Chad chad...@gmail.com wrote:
Well, you could still use the method I outlined by using a Frame
(iFrame) and load your site in it. So, you would have a GWT shell.
HTH,
Chad
On Aug 17, 12:42 am, nyankov nikola.yan...@gmail.com wrote:
Well my page is regular HTML page, and till now doesn't use GWT.
Now I want to place a toolbar in it which I want to write with GWT.
On 16 Авг, 22:40, Chad chad...@gmail.com wrote:
Well, you could use a VerticalPanel added to the RootPanel. Put a
ScrollPanel into the VerticalPanel, then put your toolbar into the
VerticalPanel. Allow the VerticalPanel to take up the full size of the
browser and adjust itself on browser resizing. Set the toolbar to the
height you need and set the ScrollPanel to take up the rest of the
space. Put the rest of your application in the ScrollPanel. This way,
your toolbar wouldn't move when scrolling the application. You could
also turn off the browser scroll bars if you needed to just to make
sure they never appear as you'd never want them to appear.
HTH,
Chad
On Aug 16, 11:40 am, nyankov nikola.yan...@gmail.com wrote:
sure.
position: fixed
but this doesn't work well enough
I red about frame (iframe) simulation somehow.
I looked and in gmail (there opened chat popup is fixed to window
bottom right).
I saw that there are several iframes - but I didn't investigate in
depth.
On Aug 16, 7:15 pm, tolga ozdemir tka...@gmail.com wrote:
Hmm, maybe you think this before.. Have you ever tried CSS?
On Aug 16, 3:58 pm, nyankov nikola.yan...@gmail.com wrote:
With other words I want to do workaround of position: fixed
On Aug 15, 11:01 pm, nyankov nikola.yan...@gmail.com wrote:
Hello,
I am wondering. What is the way to implement toolbar in browser
window. I want the toolbar to be fixed on window bottom always
(even
on scrolling and resize). Also I want the toolbar to be just a
widget.
Here what I already did, but on scrolling the panal flickering
package com.mycompany.project.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.Window.ScrollEvent;
import com.google.gwt.user.client.Window.ScrollHandler;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.AbsolutePanel;
public class GwtTest implements EntryPoint {
public void onModuleLoad() {
RootPanel rootPanel = RootPanel.get();
final AbsolutePanel absolutePanel = new
AbsolutePanel();
rootPanel.add(absolutePanel, 0, 244);
absolutePanel.setSize(100%, 51px);
Button button1 = new Button(New button);
Button button2 = new Button(New button);
Button button3 = new Button(New button);
absolutePanel.add(button1);
absolutePanel.add(button2);
absolutePanel.add(button3);
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()-51)+px);
Window.addWindowScrollHandler(new ScrollHandler()
{
@Override
public void onWindowScroll(ScrollEvent
event) {
com.google.gwt.user.client.Element h = absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()
+event.getScrollTop()-51)+px);
}
});
Window.addResizeHandler(new ResizeHandler() {
@Override
public void onResize(ResizeEvent event) {
com.google.gwt.user.client.Element h = absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(event.getHeight()-51)+px);
}
});
}
}
Thank you in advance- Hide quoted text -
- Show quoted text -- Скриване на цитирания текст -
- Показване на цитирания текст -- Hide quoted text -
- Show quoted text -
--~--~-~--~~~---~--~~
You received this message because you are subscribed
Re: question from a novice in GWT
With other words I want to do workaround of position: fixed
On Aug 15, 11:01 pm, nyankov nikola.yan...@gmail.com wrote:
Hello,
I am wondering. What is the way to implement toolbar in browser
window. I want the toolbar to be fixed on window bottom always (even
on scrolling and resize). Also I want the toolbar to be just a widget.
Here what I already did, but on scrolling the panal flickering
package com.mycompany.project.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.Window.ScrollEvent;
import com.google.gwt.user.client.Window.ScrollHandler;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.AbsolutePanel;
public class GwtTest implements EntryPoint {
public void onModuleLoad() {
RootPanel rootPanel = RootPanel.get();
final AbsolutePanel absolutePanel = new AbsolutePanel();
rootPanel.add(absolutePanel, 0, 244);
absolutePanel.setSize(100%, 51px);
Button button1 = new Button(New button);
Button button2 = new Button(New button);
Button button3 = new Button(New button);
absolutePanel.add(button1);
absolutePanel.add(button2);
absolutePanel.add(button3);
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()-51)+px);
Window.addWindowScrollHandler(new ScrollHandler() {
@Override
public void onWindowScroll(ScrollEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()
+event.getScrollTop()-51)+px);
}
});
Window.addResizeHandler(new ResizeHandler() {
@Override
public void onResize(ResizeEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(event.getHeight()-51)+px);
}
});
}
}
Thank you in advance
--~--~-~--~~~---~--~~
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: question from a novice in GWT
sure.
position: fixed
but this doesn't work well enough
I red about frame (iframe) simulation somehow.
I looked and in gmail (there opened chat popup is fixed to window
bottom right).
I saw that there are several iframes - but I didn't investigate in
depth.
On Aug 16, 7:15 pm, tolga ozdemir tka...@gmail.com wrote:
Hmm, maybe you think this before.. Have you ever tried CSS?
On Aug 16, 3:58 pm, nyankov nikola.yan...@gmail.com wrote:
With other words I want to do workaround of position: fixed
On Aug 15, 11:01 pm, nyankov nikola.yan...@gmail.com wrote:
Hello,
I am wondering. What is the way to implement toolbar in browser
window. I want the toolbar to be fixed on window bottom always (even
on scrolling and resize). Also I want the toolbar to be just a widget.
Here what I already did, but on scrolling the panal flickering
package com.mycompany.project.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.Window.ScrollEvent;
import com.google.gwt.user.client.Window.ScrollHandler;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.AbsolutePanel;
public class GwtTest implements EntryPoint {
public void onModuleLoad() {
RootPanel rootPanel = RootPanel.get();
final AbsolutePanel absolutePanel = new AbsolutePanel();
rootPanel.add(absolutePanel, 0, 244);
absolutePanel.setSize(100%, 51px);
Button button1 = new Button(New button);
Button button2 = new Button(New button);
Button button3 = new Button(New button);
absolutePanel.add(button1);
absolutePanel.add(button2);
absolutePanel.add(button3);
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()-51)+px);
Window.addWindowScrollHandler(new ScrollHandler() {
@Override
public void onWindowScroll(ScrollEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()
+event.getScrollTop()-51)+px);
}
});
Window.addResizeHandler(new ResizeHandler() {
@Override
public void onResize(ResizeEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(event.getHeight()-51)+px);
}
});
}
}
Thank you in advance- Hide quoted text -
- Show quoted text -
--~--~-~--~~~---~--~~
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: question from a novice in GWT
Well my page is regular HTML page, and till now doesn't use GWT.
Now I want to place a toolbar in it which I want to write with GWT.
On 16 Авг, 22:40, Chad chad...@gmail.com wrote:
Well, you could use a VerticalPanel added to the RootPanel. Put a
ScrollPanel into the VerticalPanel, then put your toolbar into the
VerticalPanel. Allow the VerticalPanel to take up the full size of the
browser and adjust itself on browser resizing. Set the toolbar to the
height you need and set the ScrollPanel to take up the rest of the
space. Put the rest of your application in the ScrollPanel. This way,
your toolbar wouldn't move when scrolling the application. You could
also turn off the browser scroll bars if you needed to just to make
sure they never appear as you'd never want them to appear.
HTH,
Chad
On Aug 16, 11:40 am, nyankov nikola.yan...@gmail.com wrote:
sure.
position: fixed
but this doesn't work well enough
I red about frame (iframe) simulation somehow.
I looked and in gmail (there opened chat popup is fixed to window
bottom right).
I saw that there are several iframes - but I didn't investigate in
depth.
On Aug 16, 7:15 pm, tolga ozdemir tka...@gmail.com wrote:
Hmm, maybe you think this before.. Have you ever tried CSS?
On Aug 16, 3:58 pm, nyankov nikola.yan...@gmail.com wrote:
With other words I want to do workaround of position: fixed
On Aug 15, 11:01 pm, nyankov nikola.yan...@gmail.com wrote:
Hello,
I am wondering. What is the way to implement toolbar in browser
window. I want the toolbar to be fixed on window bottom always (even
on scrolling and resize). Also I want the toolbar to be just a widget.
Here what I already did, but on scrolling the panal flickering
package com.mycompany.project.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.Window.ScrollEvent;
import com.google.gwt.user.client.Window.ScrollHandler;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.AbsolutePanel;
public class GwtTest implements EntryPoint {
public void onModuleLoad() {
RootPanel rootPanel = RootPanel.get();
final AbsolutePanel absolutePanel = new
AbsolutePanel();
rootPanel.add(absolutePanel, 0, 244);
absolutePanel.setSize(100%, 51px);
Button button1 = new Button(New button);
Button button2 = new Button(New button);
Button button3 = new Button(New button);
absolutePanel.add(button1);
absolutePanel.add(button2);
absolutePanel.add(button3);
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()-51)+px);
Window.addWindowScrollHandler(new ScrollHandler() {
@Override
public void onWindowScroll(ScrollEvent event)
{
com.google.gwt.user.client.Element h
= absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()
+event.getScrollTop()-51)+px);
}
});
Window.addResizeHandler(new ResizeHandler() {
@Override
public void onResize(ResizeEvent event) {
com.google.gwt.user.client.Element h
= absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(event.getHeight()-51)+px);
}
});
}
}
Thank you in advance- Hide quoted text -
- Show quoted text -- Скриване на цитирания текст -
- Показване на цитирания текст -
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
question from a novice in GWT
Hello,
I am wondering. What is the way to implement toolbar in browser
window. I want the toolbar to be fixed on window bottom always (even
on scrolling and resize). Also I want the toolbar to be just a widget.
Here what I already did, but on scrolling the panal flickering
package com.mycompany.project.client;
import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.event.logical.shared.ResizeEvent;
import com.google.gwt.event.logical.shared.ResizeHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.Window.ScrollEvent;
import com.google.gwt.user.client.Window.ScrollHandler;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.AbsolutePanel;
public class GwtTest implements EntryPoint {
public void onModuleLoad() {
RootPanel rootPanel = RootPanel.get();
final AbsolutePanel absolutePanel = new AbsolutePanel();
rootPanel.add(absolutePanel, 0, 244);
absolutePanel.setSize(100%, 51px);
Button button1 = new Button(New button);
Button button2 = new Button(New button);
Button button3 = new Button(New button);
absolutePanel.add(button1);
absolutePanel.add(button2);
absolutePanel.add(button3);
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()-51)+px);
Window.addWindowScrollHandler(new ScrollHandler() {
@Override
public void onWindowScroll(ScrollEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(Window.getClientHeight()
+event.getScrollTop()-51)+px);
}
});
Window.addResizeHandler(new ResizeHandler() {
@Override
public void onResize(ResizeEvent event) {
com.google.gwt.user.client.Element h =
absolutePanel.getElement();
DOM.setStyleAttribute(h, top,
(event.getHeight()-51)+px);
}
});
}
}
Thank you in advance
--~--~-~--~~~---~--~~
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
-~--~~~~--~~--~--~---
