icon position expand / collapse

[pepeParticipant]

Good evening, I’m trying to put the expand / collapse icon on the right, but I can’t do it.
Thanks

[MartinParticipant]

Hello pepe,

You can achieve this with CSS. You can set float: right to the arrows elements.
Please, check this Example.

Best Regards,
Martin Yotov

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

[silvanoParticipant]

Good afternoon, in this example when changing the arrow to the right the text moves to the left. How can I vertically align the text?
Thank you

[svetoslav_borislavovParticipant]

Hi,

You can use the CSS property vertical-align to align the text vertically.
Here is a forked example:http://jsfiddle.net/ae5n4xLo/

If you need further help, let us know!

Best regards,
Svetoslav Borislavov

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

[silvanoParticipant]

Hi svetoslav_borislavov, thanks for your quick response, but it doesn’t solve my question. In the example, when I put the expand and contract arrow on the right, the text is rolled to the left and what I want is for the text to stay in its place vertically aligned with the word home.
Thank you

[svetoslav_borislavovParticipant]

Hi,

You can achieve this using the CSS styling classes from the tree documentation.
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtree/jquery-tree-styling-and-appearance.htm?search=tree

Here it is: http://jsfiddle.net/vLkoug39/1/.
I will wait for your feedback.

Best regards,
Svetoslav Borislavov

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

[silvanoParticipant]

Perfect, thank you very much.

[svetoslav_borislavovParticipant]

Hi,

Happy to hear that, if you need any further help, do not hesitate to contact us!

Best regards,
Svetoslav Borislavov

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

[Author]

Posts