Add how-to about defining a custom edit tab from Studio (JSF)

Some users do not use the most generic way of redefining a custom edit tab from JSF UI, it would be helpful to document it:

• create a tab
• in the main container widget configuration, enable the checkbox "Add surrounding form"
• in menu "more widgets" > "advanced widgets", drag&drop a widget of type "layout" and select the target layout from it, also set the "layout mode" to "edit"
  • alternative: use the "document layouts" widget from "featured widgets" > "tab widgets", and reference the document edit layouts for instance. in this case you have also to uncheck the "Add surrounding form" checkbox on the widget
• maybe drop another "layout" widget type, referencing the layout named "document_edit_form_options", using layout mode "edit" (this will display versioning options + comment on the form)
• drop a "form actions" widget from "featured widgets" > "tab widgets", using category "document edition form", actions display "buttons" and overall display "horizontal block". Also uncheck "Add surrounding form" there, but check "hide label"