Customized location for PopupView

Vaadin 6 / 7 / 8 Framework UI
1

Hi,

I am using PopupView component to create a pop up window. I have been able to get the pop up working fine.
But right now i get the Popup right above the button, the listener of which i have implemented the PopupView.

I wanted the Popup to come in the right side without covering the button.

Is there any way in which i can achieve it with PopupView?

Thanks
RP

2

Unfortunately, the PopupView does not allow specifying component position. Both server and client side components could be easily adjusted to provide such functionality, I believe it would be a useful improvement.

I would also like to see ability to change/disable animation of this component. It would be particularly useful in situations where popup component is shown below/next to the button.

3

Hi Michal,

Thanks for your response.

As per our scenario we want to have a popup window to come next to the button. We were trying out different server side components available.

We want to have a popup window without the window header. If you are aware of any customization in Window component which would disable the header then please let me know. Or is there any other component which can be used for this.

Thanks
Ranjith

4

By saying

I meant that it should be easy for Vaadin creators to adjust implementations of those components, if they consider this feature useful.

As for Window without header, the easiest way should be to add CSS rules with display: none for adequate elements of the Window. Be aware though that you will lose possibility to move or close the window easily.

5

Thanks Michal for your suggestion

I tried this approach, but by doing this all the other portlets also becomes “headerless”. Im not able to apply custom style to a single portlet. setStyle is applicable only to the window and not to the portlet as such.

Thanks
RP

6

Hi,

You can adjust the position of the popup using CSS margins as well, but it’ll will be tricky since you must know the exact size of the popup and the component in order to position it accurately.

How about using the
Overlays add-on
, it gives you all the position adjustments you could need?

7

This is why you should distinguish windows you want to be “headerless” by calling window.addStyleName(“myCustomStyleName”) on them and including your style name in CSS rules like: .v-window-myCustomStyleName.

8

I wanted to have the portlet as headerless. And im not able to find any setStyle method in the Application level.

Thanks
RP

9

Sadly, I don’t have any experience with portlets and Vaadin, but I believe application level windows already have some style name added to distinguish them from other windows. Maybe someone else will know, if not try checking it using FireBug or other web developer tool.