Forum Discussion

Adept

12 years ago

Edit/duplicate the “menu-bar” component

Is there a way to edit the edit the “menu-bar” component, or create a duplicate of it somehow?

Genius

12 years ago

Hi Paolo,

This is the XML I have before I add the menu bar component:

<quilt layout="one-column" nestable="false">
<add to="common-header">
    <component id="quilt:Header"/>
</add>
<add to="main-content">
    <component id="post-list"/>
</add>
<add to="common-footer">
    <component id="quilt:Footer"/>
</add>
</quilt>

And here's the XML that's causing the problem:

<quilt layout="one-column" nestable="false">
<add to="common-header">
    <component id="quilt:Header"/>
</add>
<add to="main-content">
<component id="menu-bar"/>
    <component id="post-list"/>
</add>
<add to="common-footer">
    <component id="quilt:Footer"/>
</add>
</quilt>

so as it seems to me, there's no menu bar there yet.

Genius

12 years ago

I submitted a ticket as well. Let's see what it was :)

PaoloT
Lithium Alumni (Retired)
12 years ago
Hi Ania,

thanks for your clarification. What I meant is that the menu bar functionality could be embedded already within the "post-list" component (you wouldn't see that from the XML definition of the page) - let's see what support says here.

Regards,
dhiraj_gophane
Leader
12 years ago
Hi Ania,
You can also try to do this using jQuery.

following function can clone/duplicate any item on the page, you just need to pecify the class and id of that element.

jQuery( "class/id" ).clone().appendTo( "class/id" );

example: following line duplicates Topic option drop down

jQuery("#dropDownLink_0.lia-js-menu-opener.default-menu-option.lia-js-click-menu.lia-link-navigation").clone().appendTo(".lia-menu-bar.lia-menu-bar-bottom.bottom-block.lia-component-message-list");

Make sure you use "." before class and "#" before id