Set sidebar width in the edit layout page

[fmontes]

As a user I want to be able to set the width of the sidebar on a page template or layout.

Possible Solution:

1. Make sidebar control value accessor so it can update the form controller.
2. Sidebar object should be like

{
    sidebar: {
       location: 'left',
       width: 'small || medium || large'
   }
}

3. The widthPercent we'll handle it in the BE
4. We pretty much need to do the same thing we did here

Mock

Acceptance Criteria

1. Match the design
2. Work in all the supported browsers (don't forget IE11 and iPad)
3. Multilanguage
4. Unit test
5. We should save in the server a string of: small, medium or large
6. Dropdown menu should set the width of the sidebar and the gray block should be
   • small: 200px
   • medium: 250px
   • large: 300px
7. Save the setting to the backend.
8. Update the template.vtl

[fmontes]

template.vtl needs more work, when you remove the sidebar the object sidebar still exit so it still show the <div> for the sidebar, I think we need to compare with $sidebar.location

[fmontes]

template.vtl file: https://gist.github.com/luisrojascr/b703f04ebe23bfd8ef70681e3f606797