Is there a way to include side navigation on a web page to navigate to next steps for form registration on portal. For example if there are 4 forms in a registration process namely personal details, address, education and qualification. Each of the forms has to be displayed on the left hand side of the page in the form of a side tab. Can anyone please help?
*This post is locked for comments
Hi , could you please share your code here
HI Edev,
We have implemented side navigation to fill out an application form, but used custom web templates and not the OOB ones to create the entity forms (or web forms). We created our own css to get the look and feel that we were looking for.
So, yes. This can definitely be done.
Hope this helps.
Thanks Mahendar. Yes it seems to be a complex solution but trying to figure it out.
Yes, if you are looking for the tabs it won't help you but you can play with CSS to have tabs, how you are going to render fields in those tabs is a difficult question. you need to put good amount of the development efforts and it will be a complex one, also not sure it will work or not.
Hi Mahendar, the out of the box web template consists of side navigation as link but not as tabs.
Hi,
In addition to that, you can do this using CSS +Web template in normal pages as well apart from web forms, left navigation can be available to every page you open, good start will be to check for the left navigation web templates available out of the box.
yes you can change existing bootstrap and update it based on your requirements,
Hi Oliver thanks for the reply . is it possible to edit the default bundle.css file to change the behaviour of field alignments?
it seems that you are looking for using the Web Forms, the easiest way to setup is each step of your web form is represented by a different TAB within your CRM Form, while setting up the Web Form you will point each one to the correct tab: docs.microsoft.com/.../web-form-steps
additionally you can show the "progress bar" with the step names, but this will be a horizontal, you would need JS/CSS to try to change the behavior of that
Mohamed Amine Mahmoudi
83
Super User 2025 Season 1
Community Member
54
Victor Onyebuchi
6