How can I make the nav links and buttons on the canvas side actionable while using GrapesJS?

[haris-noman]

nav links and buttons on the canvas side actionable while using GrapesJS, you need to implement a strategy that allows these elements to perform their intended actions (like navigating to a different page or triggering an event).

[haris-noman]

[artf]

What do you mean? Like changing the page by clicking a button on the canvas?!

[haris-noman]

yes

[artf]

But how would you select them to change their styles/properties?

[haris-noman]

But how would you select them to change their styles/properties?

I do not want to make these elements changeable, nor do I want to apply styling properties to them. However, when the user clicks on a navigation link or an HTML select tag in the canvas area, specific functionality should be shown. For example, when the user clicks on any link in the navigation bar, the page should redirect. Similarly, when the user clicks on the HTML select tag, the options should appear, and the user should be able to change the option value, e.g., the default value 'red' is shown. The user can click on the select tag and choose the 'blue' option. Is this possible in GrapesJS editor?

[haris-noman]

I do not want to make these elements changeable, nor do I want to apply styling properties to them. However, when the user clicks on a navigation link or an HTML select tag in the canvas area, specific functionality should be shown. For example, when the user clicks on any link in the navigation bar, the page should redirect. Similarly, when the user clicks on the HTML select tag, the options should appear, and the user should be able to change the option value, e.g., the default value 'red' is shown. The user can click on the select tag and choose the 'blue' option. Is this possible in GrapesJS editor?