Mobile InputSlider with ajax support

[StonedOne]

Hello everyone,

you can find my used software versions in the signature. If anything is missing just ask.

I am try to archiv an InputSlider (pm:inputSlider) that is submitted on slideEnd. I know this is supported for desktop version but i can not attach an p:ajax to the mobile slider.

Tried to use the valueChangeListener but can not get it working with the slider. Other element like "selectOneMenu" is working as expected.

I got it working using the mobile version in an desktop browser while using a mouse. The commandlink is submitted on mouse up, but only when the cursor is still inside the slider.

Code: Select all

<p:commandLink process="@this">
   <p:outputLabel value="Volume #{renderer.status.volume}%" />
   <pm:inputSlider value="#{renderer.status.volume}" style="background-color: transparent; border: none;" />
</p:commandLink>

This behaviour is not only PF Version 5.1.6 it has been there since pm:inputSlider.

Is anyone using a slider as a volume or time control and has solved that issue?
Im open to any suggestions and can try them, posting the outcome here.

Greetings
Stoned

[StonedOne]

I also tried the solution from this post: http://forum.primefaces.org/viewtopic.php?f=8&t=37925

in a very simple way but the form is not submitting anything.

Code: Select all

            <pm:content>
                <h:form id="rendererForm">
                    <pm:field>
                        <p:outputLabel for="slider" value="Slider" />
                        <pm:inputSlider id="slider" value="#{renderer.status.volume}"
                                  valueChangeListener="#{renderer.changeVolume}"
                                  pt:onchange="submit();" immediate="true" />
                    </pm:field>
                </h:form>
            </pm:content>

The Bean function in the Backend (Volume is a String value).

Code: Select all

    public void changeVolume(ValueChangeEvent event) {
        log.log(Level.INFO, "volume [{0}]", event.getNewValue());
    }

Can anyone confirm this behavior?

Greetings
Stoned

[StonedOne]

Could anyone help me test this behaviour?

I went back to HTML 5 slider but it does not fit the Theme.

[WillHolt]

<p:dialog
header="Enter Last Name Search"
widgetVar="person-search-dialog"
onShow="setFocus('j_idt5:person-search-form:last-name-input')"
modal="true">
70-483

[facundomdiaz]

Did you get any fix for that?
I need the same behavior you expect.

Thanks and regards,