Directory

SliderPanel - Vaadin Add-on Directory

Panel that is able to get collapsed and expanded. It overlays the other content in expand mode. SliderPanel - Vaadin Add-on Directory
A Panel that slides in or out. All the time it's caption/tab is visible. Mainly it's a good way to display for example extra filter options when needed. A relayout of the content is not needed because in expand mode it lays over the rest of the content. Main Features: * pur css design * nice collapse/expand animation * Listener for collapsed/expanded * schedule future collapse/expand on client side * customizable: * 4 different display modes * 3 different tab position * easy to change color and style by css * 5 pre designed colors (by *SliderPanelStyles*) * SliderNavigation element can flow within underlaying content or not * configure custom TabSize (need to change css as well!) * optional autoCollapse - when user clicks somewhere else Version 1.1.x introduced some extra colors that you can use by adding styeNames to SliderPanel. The class **SliderPanelStyles** holds the style options. Further more you can place your custom StyleName in the same way... Version 1.2.x introduced a fluent builder to configure SliderPanel: ```java SliderPanel sliderPanel = new SliderPanelBuilder(dummyContent("White Slider", 3)) .caption("White Slider") .mode(SliderMode.TOP) .tabPosition(SliderTabPosition.MIDDLE) .style(SliderPanelStyles.COLOR_WHITE) .build(); ``` Version 1.4.x rearranged the sass styling in order to use mixins and allow to overwrite defaults. The Sample contains an example how you can configure your custom styling. Please take a look at github for samples and further explanations! Layouting ======== ![layouting](https://github.com/melistik/vaadin-sliderpanel/raw/master/assets/sliderpanel-layouting.png) It's important that you take care for the main layout. Use a combination of VerticalLayout and HorizontalLayout. The SliderPosition is only a hint for the component in which direction the slider should get expand. When you place for example as first component a SliderPanel with SliderMode.RIGHT to a HorizontalLayout and afterwards the middleContent with ExpandRatio(1) it will expand outside the visible browserarea. ![wrong-sample](https://github.com/melistik/vaadin-sliderpanel/raw/master/assets/sliderpanel-wrong-sample.png) The Layouting of the SliderPanel is not made absolute because of the possibility to use it also within the layout: ![layout-variant](https://github.com/melistik/vaadin-sliderpanel/raw/master/assets/sliderpanel-layouting-variant.png)