Comments on: Fixed width layouts, the scrollbar and the ribbon in SharePoint 2010. A better way? http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/ The web.0 blog Wed, 21 Mar 2012 21:25:56 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: A Better Enhanced SharePoint 2010 Floating Ribbon | Software http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-125 A Better Enhanced SharePoint 2010 Floating Ribbon | Software Wed, 21 Mar 2012 21:25:56 +0000 http://www.webpoint0.com/blog/?p=69#comment-125 [...] first blog that helped in this solution was: http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/. This blog showed me how to set the top padding of the ribbon in the most elegant way. However, the [...] [...] first blog that helped in this solution was: http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/. This blog showed me how to set the top padding of the ribbon in the most elegant way. However, the [...]

]]> By: Software Design » A Better Enhanced SharePoint 2010 Floating Ribbon http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-120 Software Design » A Better Enhanced SharePoint 2010 Floating Ribbon Wed, 15 Feb 2012 16:31:23 +0000 http://www.webpoint0.com/blog/?p=69#comment-120 [...] first blog that helped in this solution was: http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/. This blog showed me how to set the top padding of the ribbon in the most elegant way. However, the [...] [...] first blog that helped in this solution was: http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/. This blog showed me how to set the top padding of the ribbon in the most elegant way. However, the [...]

]]> By: Alan Coulter http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-119 Alan Coulter Mon, 23 Jan 2012 06:21:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-119 In my case I had the main page appear grey as you would normally get a for a dialog window, but the actual dialog didn't appear. In my case I had the main page appear grey as you would normally get a for a dialog window, but the actual dialog didn’t appear.

]]> By: web.0 http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-116 web.0 Thu, 12 Jan 2012 10:19:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-116 Hi Alan, Sorry to hear that. Can you explain a little more what you mean by not show up properly, and give an example we could check please? Hi Alan,
Sorry to hear that. Can you explain a little more what you mean by not show up properly, and give an example we could check please?

]]> By: Alan Coulter http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-115 Alan Coulter Tue, 10 Jan 2012 23:37:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-115 if you add the .ms-dlgContent option, then any dialogs that get launched via SP.UI.ModalDialog.showModalDialog will not show up properly. if you add the .ms-dlgContent option, then any dialogs that get launched via SP.UI.ModalDialog.showModalDialog will not show up properly.

]]> By: web.0 http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-88 web.0 Thu, 20 Oct 2011 09:15:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-88 Hi Tim, I have tested this in IE, Firefox and Chrome this morning and I can see the scrollbar in all of them, when logged in as a member of the visitors group. Is this the group you are using? Also, what settings are you using for your security trimmed control? If you send over the details I can stick them in our dev environment and see if I can recreate what you are seeing. The CSS shouldn't care particularly about the presence of the ribbon so it should work fine in principle. Hi Tim,
I have tested this in IE, Firefox and Chrome this morning and I can see the scrollbar in all of them, when logged in as a member of the visitors group. Is this the group you are using? Also, what settings are you using for your security trimmed control? If you send over the details I can stick them in our dev environment and see if I can recreate what you are seeing. The CSS shouldn’t care particularly about the presence of the ribbon so it should work fine in principle.

]]> By: Tim http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-87 Tim Wed, 19 Oct 2011 22:45:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-87 I have had a go at this, however it seems to fail with no scrollbars being presnet at all on all browsers if you wrap the ribbon in a security trimmed control and then log on with only view rights. I have had a go at this, however it seems to fail with no scrollbars being presnet at all on all browsers if you wrap the ribbon in a security trimmed control and then log on with only view rights.

]]> By: Mark Pitts http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-77 Mark Pitts Thu, 08 Sep 2011 09:51:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-77 I wrote a powershell script to disable 'show in drop down'. After running the script, I verified that this property was successfully updated. However, when I use the 'reusable content menu, the items are still appearing. This seems to be a bug in SharePoint 2010. I wrote a powershell script to disable ’show in drop down’. After running the script, I verified that this property was successfully updated. However, when I use the ‘reusable content menu, the items are still appearing. This seems to be a bug in SharePoint 2010.

]]> By: web.0 http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-76 web.0 Wed, 07 Sep 2011 17:53:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-76 Ok, I've put this in to our dev environment now and can confirm I'm seeing the same issue you are. It appears to be caused by the 'overflow: visible' style declaration being made against the 'body #s4-workspace' selector. If this is reset to auto, it works fine again. However, you get the horrible scrollbar back. The only thing I can think to suggest is to turn off the 'show in drop down' option for those pieces of reusable content and instead get people to choose them from the 'see more choices' dialog, so they still get some type of preview and it works with your fixed width layout. An unfortunate bug that makes little sense. Sorry it's not a more comprehensive solution, if I come across a fix, I'll post an update! Ok, I’ve put this in to our dev environment now and can confirm I’m seeing the same issue you are. It appears to be caused by the ‘overflow: visible’ style declaration being made against the ‘body #s4-workspace’ selector. If this is reset to auto, it works fine again. However, you get the horrible scrollbar back. The only thing I can think to suggest is to turn off the ‘show in drop down’ option for those pieces of reusable content and instead get people to choose them from the ‘see more choices’ dialog, so they still get some type of preview and it works with your fixed width layout. An unfortunate bug that makes little sense. Sorry it’s not a more comprehensive solution, if I come across a fix, I’ll post an update!

]]> By: Mark Pitts http://www.webpoint0.com/blog/fixed-width-layouts-scrollbar-ribbon-sharepoint-2010/#comment-75 Mark Pitts Tue, 06 Sep 2011 21:26:00 +0000 http://www.webpoint0.com/blog/?p=69#comment-75 An example of the reusable content, of which there are many similar to these stacks images on top of each other. The trick is that the content would, upon preview, cause the page to expand significantly. <div class="html-5-rotator">    <div id="fiveRotator">        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/building.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/buildingFacade.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/capitol.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/philliesStadium.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/stadium.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80x80-thumbs/building.jpg" alt="#" /><br/><a href="#"><span>2 row<br/>caption</span></a>        </div>    </div></div> Cheers! An example of the reusable content, of which there are many similar to these stacks images on top of each other. The trick is that the content would, upon preview, cause the page to expand significantly.

<div class="html-5-rotator">    <div id="fiveRotator">        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/building.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/buildingFacade.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/capitol.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/philliesStadium.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/stadium.jpg" alt="#" /><br/><a href="#"><span>Insert caption here</span></a>        </div>        <div>            <img src="/Style%20Library/test/images/DemoContent/80×80-thumbs/building.jpg" alt="#" /><br/><a href="#"><span>2 row<br/>caption</span></a>        </div>    </div></div>

Cheers!

]]>