The logic is quite simple, the code using JQuery will identify each of the tab sections on the form and create a set of tab controls across the top of the Web Page using the header from each of the tab sections. At the same time the Bootstrap class of “tab-pane” is appended to each tab section and the header label is removed.
Below is a screen shot of a Web Page with no tab buttons.
Now the same form with tab buttons added
And now on each Web Page that is hosting a CRM Entity Form tab controls will be dynamically created on the top of the form.