Knob append label not working

[milesdParticipant]

Hello,

I’m trying to use the Knob example with the value displayed in the knob itself. This is done through the append function to add the input field. By itself this works fine. However once you put the knob in a tab or splitter the append no longer works and the no label can appear.

I have a vertical spitter with 2 tabs in each pane. The knob is displayed in one of the tabs. Even if I manually add the input field div to the knob container it is removed.

Is there a workaround?

[Ivo ZhulevParticipant]

Hi milesd,

We cant find that kind of behavior. Here is a demo which implements your need :
https://www.jseditor.io/?key=knob-inside-splitter-with-tabs

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[milesdParticipant]

Thank you. Yes that does work. However if the knob is on the second tab that is not initially displayed then the label never appears.

[Ivo ZhulevParticipant]

Hi milesd,

You must change the <div> position and the var “index” must be set to “1”.

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[milesdParticipant]

Thank you.

Is there a way to set knob’s height and width to % and keep the labels. It works fine as a fixed number but not as a percent. As soon as I set as percent the labels disappear.

[Ivo ZhulevParticipant]

Hi milesd,

You must set the knob dimensions in its constructor, append the input field to the tab and adjust the input field position :
https://www.jseditor.io/?key=knob-inside-splitter-with-tabs

Best Regards,
Ivo

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts