jqxForm template init jqxSlider

[jqwidgetsdevParticipant]

Hi,

Is there an example that shows the use of init?

init – Sets the callback function for ‘custom’ type initialization.

I want to show a jqxSlider in JqxForm.

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

Here is an example of using the init function: https://codesandbox.io/s/nice-lumiere-jzfrsf

Best regards,
Svetoslav Borislavov

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

[jqwidgetsdevParticipant]

Hi Svetoslav,

I assume I need to use

window.jqwidgets.createInstance

Can you please point me to some documentation on the technique?

Thank you.

• This reply was modified 7 months ago by  jqwidgetsdev.

[jqwidgetsdevParticipant]

Hi,

How would this work with JqxButtonGroup? An example would be very useful to me please.

Thanks in advance.

[svetoslav_borislavovParticipant]

Hi,

Here you are: https://codesandbox.io/s/zealous-meadow-o0922y?file=/src/App.vue
You can place the button group in the HTML and wrap it in a div. Next, you can append it to the container in the init function as shown in the demo.

If you need further assistance, let us know!

Best regards,
Svetoslav Borislavov

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

[jqwidgetsdevParticipant]

Hi Svetoslav,

Yes, the technique works well, better than createInstance if you ask me. Thank you.

A follow up question. If we consider jqxForm having name/value pair rows, then for a given row is there a way to ignore the separate name/value elements and show a toolbar on the entire row?

I want to show a toolbar *inside the JqxForm* (not outside the JqxForm). Is this possible, how?

Thank you.

[svetoslav_borislavovParticipant]

Hi,

Sorry if I do not understand you correctly, but if you are trying to add a toolbar into the form then the same goes for any component you initialize outside the form. In the init function, you append the whole wrapped component to the container element as shown in the previous example with the buttons’ group.

Link for the example: https://codesandbox.io/s/zealous-meadow-o0922y?file=/src/App.vue

Best regards,
Svetoslav Borislavov

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

[jqwidgetsdevParticipant]

Hi Svetoslav,

Thanks, yes I see what you mean now. I got stuck as my example was using label.
I will give it a shot and revert back if I run into any problems.

Best regards.

[Author]

Posts