Skip to main content
added 268 characters in body
Source Link
user2536
user2536

It's mostly a question about CSS. As I some what support the Javascript ideas, I must say they are a bit overkill, as you easily can edit the CSS for both the Ribbon as well as the ToolPane.

.ms-ToolPaneOuter this is the ToolPane CSS class you'll need to modify the CSS for.
s4-ribbonrow the Ribbons div ID, or if it's only the Toolbar Ribbon, it's this class ms-cui-tabContainer.

Update: I'll suggest you read this blog, as this guy explains rather well an example of how you can move the ribbon and still maintain full functionality. I hope this helps you! :)

It's mostly a question about CSS. As I some what support the Javascript ideas, I must say they are a bit overkill, as you easily can edit the CSS for both the Ribbon as well as the ToolPane.

.ms-ToolPaneOuter this is the ToolPane CSS class you'll need to modify the CSS for.
s4-ribbonrow the Ribbons div ID, or if it's only the Toolbar Ribbon, it's this class ms-cui-tabContainer.

It's mostly a question about CSS. As I some what support the Javascript ideas, I must say they are a bit overkill, as you easily can edit the CSS for both the Ribbon as well as the ToolPane.

.ms-ToolPaneOuter this is the ToolPane CSS class you'll need to modify the CSS for.
s4-ribbonrow the Ribbons div ID, or if it's only the Toolbar Ribbon, it's this class ms-cui-tabContainer.

Update: I'll suggest you read this blog, as this guy explains rather well an example of how you can move the ribbon and still maintain full functionality. I hope this helps you! :)

Source Link
user2536
user2536

It's mostly a question about CSS. As I some what support the Javascript ideas, I must say they are a bit overkill, as you easily can edit the CSS for both the Ribbon as well as the ToolPane.

.ms-ToolPaneOuter this is the ToolPane CSS class you'll need to modify the CSS for.
s4-ribbonrow the Ribbons div ID, or if it's only the Toolbar Ribbon, it's this class ms-cui-tabContainer.