Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

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="https://i.hizliresim.com/fff2wvp.png" />


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • 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
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(