jQuery UI Widgets Forums Navigation Tree How do replace context meu by navigator menu link for each node

This topic contains 3 replies, has 2 voices, and was last updated by  Dimitar 9 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • Berny Rian
    Participant

    Dear Team,

    I wanna replace context menu by navigation menu for each node like this
    Navigation menu link

    but when I add my code outside LI tag

    Code outside LI tag

    Result 1:

    Result 1

    when I add my code inside LI tag

    Code inside LI tag

    Result 2:

    Result 2

    Please help me some idea or solution in this case.

    Thank in advance!

    • This topic was modified 9 years, 4 months ago by  Berny Rian.

    Dimitar
    Participant

    Hello bernyrian,

    Here is how you can achieve this layout. However, we do not recommend doing this at all, because it ruins the proper HTML structure of the jqxTree and as a result unexpected behaviour may occur when using its API.

    <div id='jqxTree'>
        <ul>
            <li item-selected='true' style="float: left;">Home</li><span style="margin: 5px;
                float: left;"><a href="#" style="margin-left: 5px;">Add</a><a href="#" style="margin-left: 5px;">Edit</a><a
                    href="#" style="margin-left: 5px;">Delete</a></span>
            <li item-expanded='true' style="clear: both;">Solutions
                <ul>
                    <li>Education</li>
                    <li>Financial services</li>
                    <li>Government</li>
                    <li>Manufacturing</li>
                    <li>Solutions
                        <ul>
                            <li>Consumer photo and video</li>
                            <li>Mobile</li>
                            <li>Rich Internet applications</li>
                            <li>Technical communication</li>
                            <li>Training and eLearning</li>
                            <li>Web conferencing</li>
                        </ul>
                    </li>
                    <li>All industries and solutions</li>
                </ul>
            </li>
        </ul>
    </div>

    Best Regards,
    Dimitar

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


    Berny Rian
    Participant

    Dear Dimitar,

    Thanks for your reply, but your solution isn’t fit as request.

    Dimitar Solution

    Do you have any better solutions? or how can I update this request into API jQWidget? Is it possible?

    Best Regards,

    Berny Rian

    • This reply was modified 9 years, 4 months ago by  Berny Rian.
    • This reply was modified 9 years, 4 months ago by  Berny Rian.
    • This reply was modified 9 years, 4 months ago by  Berny Rian.

    Dimitar
    Participant

    Hi Berny Rian,

    I think you have not applied the CSS exactly as I have given it. Nevertheless, we cannot provide you with any other solutions on the matter because what you require is not supported by jqxTree.

    Best Regards,
    Dimitar

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.