Hello, people !
I’m trying to include the BpmnJS in my Angular application, but I want to remove the menu bar on the left, because it is displayed on top of my diagram. I try to remove the menu on the left using Custom Palette Provider for this purpose. I succeeded to delete entries, but the separator stayed on the screen like this:
Hey Greeting Everyone, I also want to add little bit effort rom my side. I hope it will helpfull for you.
To remove an HTML element separator from the tool menu, you will need to access the HTML code for the page or template that contains the separator. Once you have access to the HTML code, you can remove the separator element by doing the following:
Locate the code for the separator element in the HTML. It should look something like this: <hr> or <div class="separator"></div>.
Once you have identified the code for the separator, simply delete it.
Save the changes to the HTML file.
Reload the webpage in the browser to confirm that the separator has been removed.
It’s important to note that the specific steps may vary depending on the platform or framework being used, also the method i described is if you are doing this on a static HTML page, but if it is a dynamic web page, you would need to find out where the separator is added in the code and remove it from there.
It’s always a good practice to backup the original file before making any changes, in case something goes wrong and you need to revert to the original.