Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Listing the Menu Content When You Press the Button in the Render Area


Hi,
I'm Using Metronic Theme Demo 7 Package v8.1.1,
I Use It as Render and Layout, How Can I Trigger the Menu, Notification, Task Titles in the Left Layout When I Press the New App Button in the Render Area?
After I Give an ID to the Li Element for the Task Area in the Left Menu, I Send a Click with Javascipt, But It Doesn't Show the Menus in the Task on the Right Side.

$("li#UyeSicilTest").trigger("click");
$("li#UyeSicilTest").click();

How can I do it ?

<img src=" />


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Please try to use a correct jQuery selector by id:


$("#UyeSicilTest").trigger("click"); // or the below one
$("#UyeSicilTest").click();


Regards.



Hello, I tried both ways, the relevant field is clicked but no action is taken,

Additionally, when I add the show and show active classes to the relevant fields, I get what I want.

Why doesn't it happen when I click without adding a class?



Hi,

Since those links are Bootstrap Tabs you can use the API of Bootstrap Tab:


const bsTab = new bootstrap.Tab("#myTab");
bsTab.show();


Please pass the ID of the tab element with data-bs-toggle="tab" attribute.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(