melistik / vaadin-sliderpanel Goto Github PK

Adding a Grid with some rows to a SliderPanel and expanding it afterwards doesn't display any of them.
After some investigations I detected all rows are rendered with height 1px.
Are there any special things to consider using Grid on SliderPanel?
I'm using Vaadin 7.4.4 and current version of SliderPanel add-on.
Thanks in advance.

Click outside a modal window, which is over Slider panel calls 'SliderPanelServerRpc.click()' and therefore closes slider panel.

I opened the same modal window from a different place in the app and clicking outside that modal window doesn't fire any event.

Testing on vaadin-server-7.7.5.jar and vaadin-sliderpanel-1.4.2.jar

setEnabled(false); I did a test, it cannot disable the slider panel.

private SliderPanel buildFilterSidePanel(Component content) {

    SliderPanel slider = new SliderPanelBuilder(content)
            .style(SliderPanelStyles.ICON_WHITE)
            .expanded(false)
            .fixedContentSize(280)
            .mode(SliderMode.RIGHT)
            .animationDuration(350)
            .caption("Filters ")
            .tabPosition(SliderTabPosition.MIDDLE)
            .build();
    slider.setEnabled(false);
    
    return slider;
}

If the slider panel contains a table, the table contents are not visible while the slider panel is expanding. They appear after the expand animation is complete and during collapse. It would be a slicker experience if the table contents were visible while expanding.

If you have many panels you run out of colors pretty quick. It'll be nice to be able to specify custom colors with RGB or any other viable method.

If we try to resize via CSS the panel bar, it does no have effect. Even setting via Java code the width/height the bar keeps bigger that wanted. There's no way to get a new bar using full screen vertical dimensions, it always get the same default size.

I am using the left slider panel. The content of the panel are some text fields and a table populated with data. The table is redrawn whenever the panel is expanded. The text fields are not. Data entered in the text fields is retained on collapse and next expand. Does the table behave in a different way or am I doing something wrong.

Thanks for providing a great add-on.

is there any idea for those features?
There is lots of devices, px is changing but if there is percent or wrapContent it become better

Hello Martin, thanks for the great Vaadin addons ! I have a question about the SliderPanel: is it possible to stack multiple slider panels on one side ?

For example stack 3 different slider panels on the left side of the screen. Each with a distinct color and different content.
The tabs for the 3 panels should then appear next to each other.

An additional question: is it possible to tell the panels when to refresh their content?

Thx4the info!

Components inside the slider do not receive click events.
I made some testes with a simple button or with links.
Button is not event visually reacting to mouse click.

Simple code to reproduce issue ;
VerticalLayout layout = new VerticalLayout();
Button btn = new Button("TEST");
layout.addComponent(btn);
SliderPanel slider = new SliderPanel(layout, false, SliderMode.LEFT);
slider.setCaption("Click Button plz");
slider.setTabPosition(SliderTabPosition.MIDDLE);

It also seems to be quite useful to replace tab's expand/collapse .png icons to vector ones, such as from FontAwsome or Vaadin (https://vaadin.com/font-icons). That would definitely give it a niftier look.

Thanks!

Would be nice if there was an easy way to 'pin' the panel open and assume relative position within the layout. Unpinning would make is absolute and float over the layout.

I have placed a table inside the slider panel (placed on the RIGHT side of the parent container). It works fine but when the slider panel is expanded, The entire right 40px of the slider panel are blocked by v-sliderpanel-navigator div which prevents the user from clicking on the scroll bar or anything in that area.

Hi! This is a really useful addon!
Is it posible to get SliderPanel work as a TabPanel with the hide behaviour?
He is a mock up what I wish:

The buttons tabs should be allways on top. I you open one, then the other should be collapsed.

Another thing that will be cool is the posiblility to add icons to the tab in place of labels.

Hi,
it would be very useful sometimes to have slider's tab resting directly upon the main content with the slider being in collapsed mode, thus saving extra space. Just like this:

Thanks!

Hi! It's more of a request then an issue really. Can you provide an ivy.xml along the pom.xml too? It would be more...beginner friendly especially since as far as I know in Eclipse the Vaadin plugin goes for Ivy where in NetBeans Maven is the first choice.

Hello,

your addon is great. But I have trouble to get the WebElement of the SliderPanel and work with it in my Vaadin Testbench test.

Have you any idea how I can access the SliderPanel as WebElement in Testbench?

I need to expand and collapse the.SliderPanel for my testcases.

Greetings!

Seems like if the slider is sliding over a grid it slides under it. It seems to work fine with all other components I've tried so far.

Hello,

I am in a situation where I need to show a spinner in the UI.
By consequence I manually push that change to the UI by doing:

UI.getCurrent().push();

The cause I need to do this is that before I navigate to a view I want to show a spinner as some views could contain heavy computations before they are finished to show.

Unfortunately, if i collapse the SliderPanel and show the spinner using push, the SilderPanel gets visible again after the view is visible.

I attached a minimum sample:
push-example.zip

Hello,

as far as I can see, you add-on is not OSGi compliant because the MANIFEST.MF doesn't specify any Export nor Import packages.

Do you consider offering OSGi support in a future release?

Many thanks in advance

Alex

Hi!

I have a BrowserFrame with pdf content in it, and then right SliderPanel. This works perfectly in chrome and firefox but not in IE. Is there something I can do to fix this?

Here are some images of what i am talking about:

Thanks,
Klemen

Attached a mock up view----

Hi! I`m currently using Vaadin 7.6.4. If i try to add Grid in SliderPanelit is not displayed.

Is there a way to determine expanded/collapsed state of slider panel programmatically? Something like ... isExpanded()?

Hello,

we have got a Problem when we add a Grid to a Sliderpanel. Currently we have wrapped it with a HorizontalSplitPanel, but i think you can reproduce it also without wrapping it.

It seems that the grid checks for it's available space and has problems when the slider is collapsed initially...

Thank you for your help!

Hello,

as request, when I run the following code the panel appears on the left of the browser instead of the right as it should.

It's basically the same example that was provided in the addon posting.

public class SliderPanelSampleUI extends UI {

@Override
protected void init(final VaadinRequest vaadinRequest) {
    final VerticalLayout mainLayout = new VerticalLayout();
    mainLayout.setSizeFull();
    mainLayout.setMargin(false);
    mainLayout.setSpacing(false);

    Label lbl = new Label("Hope this works!");
    SliderPanel rightSlider = new SliderPanel(lbl, SliderMode.RIGHT);
    rightSlider.setCaption("Right Slider");
    rightSlider.setTabPosition(SliderTabPosition.MIDDLE);

    mainLayout.addComponent(rightSlider);

    mainLayout.addComponent(new Label("Lots of Content ..."));
    setContent(mainLayout);
}

}

Hi,

First of all: fantastic add-on!

I experience the following problem (using the latest version):

• I add a SliderPanelListener to the SliderPanel
• the onToggle() method is called ways too often (not only when you toggle the panel), sometimes infinitely (depending on what you do in the method)
• you an reproduce it, when you resize your browser (at least in my case on a Mac)

Thanks,
Markus

Hi,

I've created a com.vaadin.ui.Grid and added that to a VerticleLayout and the VerticleLayout to your SliderPanel. The grid is filled with a container datasource.

If in the constructor we specify that it should be expanded by default, it all works perfectly fine but if we set it to not be expanded by default (which we prefer), and open up that slider, all the rows in the Grid have no more height.

This one defaults to closed and opening it, displays like this:

This one defaults to open which shows everything perfectly fine:

In v2.0.0, setIcon(VaadinIcons.SEARCH); is a good example of a method that doesn't do anything at this point.

I would expect that to add the specified icon to the tab's caption.

Hi,

Why the effect of the expand is different between the left and right slider? I mean when the right slider is expanded, all the content is moving. It's nice. When the left slider is expanded, the content looks static and it's revealed as and when the width is increasing.

Can we have the same effect in the left slider than we have on the right slider.
Thanks

on version 1.0.4

I have bottom sliderpanel That contains horizontallayout
the horizontallayout contains:
Label () (with expandratio 1)
savebutton
cancelbutton
After changing theme the elements overflow to right and don't show up until collapsing and expanding again.

I've created a view which contains multiple charts (Vaadin "Chart" components) in it that update once every second (a new point is added in each chart). Into the same view, I have a "SliderPanel" component which sometimes fails to expand/collapse. I believe there is an animation issue that appears when the slider is expanding at the same time a point is being added into the chart.

The same issue can be reproduced much easier using the "SliderPanel" online demo when you try to quickly expand multiple sliders:
http://non-rocket-science.jelastic.servint.net/vaadin-sliderpanel/

Steps to reproduce:

1. Click on "Left slow Slider (flow in Content)";
2. Immediately click on another Slider (doesn't matter which one) - "First Top Slider";
3. Issue: one of the two sliders will fail to expand or collapse.

Thank you,
Codrut

While I've had no issue using collapse() and expand(), setExpanded() doesn't seem to work all the time. In particular, I've noticed that if I manually expand the slider, setExpanded(false,..) doesn't collapse it back. However, if the slider was opened using setExpanded(true,...) then setExpanded(false,...) works.

I'm using the Vaadin add-on SliderPanel (https://vaadin.com/directory#!addon/sliderpanel) in my project and am having a very hard time making it go away and reappear on the correct view. When I load the application and log in, it correctly takes me to the correct class/page, 'Dashboard', with no SliderPanel. When I navigate to any other class/page which is supposed to re-display the SliderPanel, it does not appear as expected. In order for me to get it to show, I have to resize the window. Same thing happens when I resize the window then go back to the 'Dashboard' page...I have to resize the window and the SliderPanel tab goes away. How can I get the SliderPanel tab to update itself when changing views with the navigator?

In my UI I have @Push() annotated above the main class.

@Push()
public class EvoltwebUI extends UI implements ClickListener {...}

Inside the class I have these annotations and servlet class:

@WebServlet(value = "/*", asyncSupported = true)
@VaadinServletConfiguration(productionMode = false, ui = EwebUI.class, widgetset = "com.e.eweb.widgetset.EwebWidgetset")

public static class Servlet extends VaadinServlet {
}

I've registered the views like this:

private void registerViews() {
        navigator.addView("dashboard", DashboardViewImpl.class);
        navigator.addView("groups", GroupsViewImpl.class);
        navigator.addView("research", ResearchViewImpl.class);
        navigator.addView("reporting", ReportsViewImpl.class);
        navigator.addView("execution", AdhocExecView.class);
        navigator.addView("tcreview", TestCaseReviewView.class);
        navigator.addView("toolbox", ToolboxView.class);
    }

The 'enter' method on each view/class looks like this:

@Override
public void enter(ViewChangeEvent event) {
    presenter.onViewEnter(event.getParameters());
    generateFields();
    ProgressPanel.setViewName("Test Case Review - Please load a group from the Test Group Explorer Slider Panel on the left.");
    UI.getTreeViewSlider().defaultTab();
}

I've tried using these, but I am having the same type of issue to where it will not come back if setVisible is false. :

leftTreeViewSlider.setVisible(true);
leftTreeViewSlider.setVisible(false);

I've also tried extending SliderPanel to access the actual size of the tab to shrink it, but when setting it back to the normal size I have to resize the window to get it back.

import org.vaadin.sliderpanel.SliderPanel;
import org.vaadin.sliderpanel.SliderPanelBuilder;    
import com.vaadin.ui.Component;

public class SliderPanelMod extends SliderPanel{

    public SliderPanelMod(SliderPanelBuilder builder) {
        super(builder);

    }

    public void resizeTab(int t) {
        this.getState().tabSize = t; 
    }

    public void defaultTab() {
        resizeTab(40);

    }

}

What would be causing this, or is there another workaround?

While trying to access/view the demo under https://vaadin-sliderpanel.rocketbase.io/, Chrome notifies me with:

Failed to load the widgetset: ./VAADIN/widgetsets/org.vaadin.sliderpanel.demo.WidgetSet/org.vaadin.sliderpanel.demo.WidgetSet.nocache.js?1543392283323

Hello,

Would be really nice to have a setter that schedule an automatic collapse.
By now we can do that server-side with some code like :

        panel.addListener(new SliderPanelListener() {

            @Override
            public void onToggle(boolean expand) {

                if (expand)
                {
                    // Expanded, set a timer to collapse...
                    TimerTask timerTask = new TimerTask() {

                        @Override
                        public void run() {

                            logger.info("Collapsing !");
                            panel.collapse();

                        }
                    };
                    // running timer task as daemon thread
                    Timer timer = new Timer(true);
                    timer.schedule(timerTask, 4000);
                }
            }
        });

But it needs to set some push or pulling on.
Would be great if it happens client-side.

It could also be cool to make it collapse automatically when mouse leaves zone.

Regards

while content in sliderPanel is larger than the sliderPanel there's no scrollbar

When the slider panel is in top position, the content sometimes is not rendered properly (e.g when we have a DateField inside)