I'm working on a GWT application that has the following layout:
- on top there's Menu Bar
- below that screen is separated into two panel by Split Layout Panel
When user clicks on a label in Menu Bar relevant information is show below in the left part of the screen. Then user clicks on an action item on that left part of the screen, and relevant information on that action item is displayed on the right part of the screen.
Clicking on an action item on the right part of the screen may also change relevant information on left part of the screen.
I want to extend on this by giving a possibility to drag/drop the panel on the right part of the screen to another browser tab/window. After that the right and left part of the screen should remain connected as if they are in the same browser tab/window.
Also, that new tab/window should only display that right panel, while Menu Bar and left panel, along with Split Layout Panel should not be present (this is less important but it would be great if it can be done).
Another important thing is that current visual representation of application is not changed but only extended with this functionality.
Is that something that can be done and if it is how to do it?
Thank you for your help.
I think you would have to use "HTML5" native drag and drop to drag between browser instances, so that would limit browser support. Both tabs would already have to have your code loaded into them so they could respond to these events.
If you have a server back end (not just static HTML/JS) then you could communicate via the server. Otherwise maybe "HTML5" client side storage to store blobs of data describing the panel contents. Probably easier re-render in the new browser/tab.
Related
Sometimes the menu bar (with menu items for DASHBOARD, SOLUTIONS, CATALOG, PRICING, etc.) at the top of the Bluemix masthead disappears when I re-size my browser window. How can I access these menu items when running with limited screen space and a narrow browser window?
The functions move to the "hamburger" menu selector in the upper left corner based on the responsive design
This is on purpose. The Bluemix console has a responsive design so features degrade as the browser window gets smaller. This is on par with what bootstrap does.
If you have any feature suggestions please leave it as a comment below and I can get it to our design team.
See this animated gif for how to access the collapsed menu items on mobile devices - http://i.stack.imgur.com/yeccF.gif
I've been asked to create an iphone app with a left nav/menu. Since there are no native UI components to use for this, I was wondering what would be the best way to achieve this. The only app that I remember that had this kind of thing was the Facebook app from about 18months ago.
Is there a good 3rd party API to handle this kind of thing?
Description of the left nav: There is a permanent left nav along the left of the screen running the full length of the screen. When the user selects a menu option a UIView/UIViewController slide in from the right side and covers over the menu. A little button is left stuck to the left side of the screen. If the user selects this button the view slides back to the right again, and the leftnav menu appears from underneath the view and it is possible to interact with again.
Where is the problem? just create a UIView with subview containing UIButtons, you have to layout the buttons yourself (calculate the frame). Later you add that leftmenuView to the UiViewCobtroller.
I have a header bar at the top of the page which contains buttons and anchors. One of the anchors on the header bar opens a dialog doing the following:
The view calls the activity which does a goTo to a new place, in the start method of the activity which is associated with this place, is a call to instantiate a custom dialog box.
Now there are two problems which are occurring here:
1) Because the place is being navigated to from the header bar, the header bar activity is being shut down by the activity manager so the buttons do not work after clicking the anchor. I do not want the header bar activity to be shut down.
2) Upon clicking this anchor, my main panel in the centre of the screen becomes blank. I have no idea why this is happening but obviously dont want it to.
How to fix these two issues?
I do not want the header bar activity to be shut down.
Have a look at David Chandler's Google I/O 2011 GWT session. It touches on the type of master/details architecture you're describing. I highly recommend it in general and for this question specifically the part following the 18th minute, when David begins a thorough overview of Activities and Places.
Just as suggested in the presentation, you might choose changes to your header bar to happen in reaction to PlaceChangeEvents only, without there being a full-fledged header bar activity.
Is anybody else running into this - i can't seem to find any information on it and it's not consistent
we're running into a bug in GWT (using places/activities and a place history mapper) - occasionally when pressing the back button the entire layout gets shifted to the left
i have a docklayout panel as my main panel - it's center panel is the content panel and the left side of it is the navigation panel (similar to the GWT showcase), occasionally it will happen where the navigation panel stays fine but the entire content panel is shifted to the left (with cell tables and data grids, it pushes into the navigation panel and we can't read half the data)
any input is greatly appreciated
Is it possible to show a popup only in a certain gwt tab or a panel in that tab?
I've found methods to show a popups over the whole page, but not only in specific tabs.
When you switch the gwt tab, the popup should not be visible anymore and new popups should be able to be created, which again are only visible in the switched to gwt tab. Switching back to the other tab should then show the first popup again.
Optionally the rest of the tab, which is not covered by the popup, should not be clickable.
Are there any native methods for this? The gwt Popup Panel only seems to create popups for the whole page.
Edit: I've tried using smartgwts Window which seems to work just the way I want it to. When I switch the gwt-tab, the popup is no longer visible and returns when I switch back. The only problem is, that it isn't displayed right. The frame is placed on the far left side of the browser tab, while the content is displayed on the far left of the gwt-tab. If I move the content, the frame moves too. The frame is visible over the whole browser tab, while the content disappears if I drag it over the gwt-tab edge.
I guess it's because I'm adding a Window to a gwt-Panel. Is there any way to fix this without changing everything to smartgwt?
Not exactly, I think.
But, you can do something in the tab events, like hide the popup in tabs that it doesnt belongs. To avoid the lag of show/hide the popup, you can do this in the BeforeSelectionHandler, like this:
getView().getTabPanel().addBeforeSelectionHandler(new BeforeSelectionHandler<Integer>()
{
#Override
public void onBeforeSelection(BeforeSelectionEvent<Integer> event)
{
showPopupupsForTab(event.getItem());
}
});
In showPopupupsForTab you can show the popups for this tab (you can handle this with a map or something) and hide the others...
Something like this.
Hope it helps.