Virtualize SharePoint and SharePoint Virtualization

SharePoint 2010 Ribbon Customization, Changing Placement, Look and Behaviour

http://styledpoint.com/blog/ribbon-customization-changing-placement-look-and-behavior/

Microsoft SharePoint Server 2010 includes features that help to optimize page loading over a wide area network (WAN). Designing pages to make them as small and responsive as possible complements these performance improvements.

Different techniques are not specific to Microsoft SharePoint Server 2010. General methods that you can use on any Web site are not discussed in great detail in this article. Instead, this article focuses on the features in Microsoft SharePoint Server 2010, elements that are included in the page, and ways in which you can speed up an initial visit to a SharePoint site

Designing pages for quicker downloads (SharePoint Server 2010)

Is there a way I can resize the page viewer webpart height to 100%? or any Alternative to the SharePoint Page Viewer Web Part

In SharePoint Page Viewer WebPart,  it’s  hard to setup the height to adjust to fit zone for some reason and I have tried so many solutions which I found in search engine but I am not satisfied.

Using the Page View Web Part, I added the link which I want and for the height and width I left the default value as No, Adjust height/width to fit zone.  When I apply these settings, I am able to see the width adjusting to the zone but height will not change based on the zone.

What I need is a solution which should adjust height and width if I added a external or internal URL.

I finally came up with a Java Script which and do the trick for me and here are the steps.

1.  Don’t use Page Viewer Web Part. Use Content Edit Web Part rather than Page Viewer Web Part. Add a content editor web part into the page where you want to display a internal or external URL

Edit the content Editor Web part and open source editor. Copy the Jave Script code and past it in the source code area.

<--- From Here --- >

<script type="text/javascript">

function f_clientWidth() {
    return f_filterResults (
        window.innerWidth ? window.innerWidth : 0,
        document.documentElement ? document.documentElement.clientWidth : 0,
        document.body ? document.body.clientWidth : 0
    );
}

function f_clientHeight() {
    return f_filterResults (
        window.innerHeight ? window.innerHeight : 0,
        document.documentElement ? document.documentElement.clientHeight : 0,
        document.body ? document.body.clientHeight : 0
    );
}

function f_filterResults(n_win, n_docel, n_body) {
    var n_result = n_win ? n_win : 0;
    if (n_docel && (!n_result || (n_result > n_docel)))
        n_result = n_docel;
    return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

function resizeCaller() {
//alert("OK");
var h = f_clientHeight();
var w = f_clientWidth();

try{    

    var oFrame    =    document.all("iframePage");

    oFrame.style.height = f_clientHeight()*0.97;
    oFrame.style.width = f_clientWidth();
    if(oFrame.style.display=="none") {
        oFrame.style.display="block";
    }

    }
    //An error is raised if the IFrame domain != its container's domain
    catch(e)
    {
    window.status =    'Error: ' + e.number + '; ' + e.description;
    }

}

if (window.addEventListener)
window.addEventListener("load", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onload", resizeCaller)
else
window.onload=resizeCaller

if (window.addEventListener)
window.addEventListener("resize", resizeCaller, false)
else if (window.attachEvent)
window.attachEvent("onresize", resizeCaller)
else
window.onresize=resizeCaller

</script>

    <iframe src="http://virtualizesharepoint.com" scrolling="no" id="iframePage"
        style="display:none">
    </iframe>


<--- End --- >

2. Add your URL

3. Save your code and click Ok for in Content Edit Web Part

4. Publish  your page and now you page now should able to  Adjust height/width to fit zone in SharePoint 2007/2010

How to Hide or Remove the Quick Launch in SharePoint 2010

Trying to customize SharePoint master page and having so much of problem hide or remove the left navigation in SharePoint 2010.  I searched in Google for solutions but it didn’t work well for me.

When I tried to hide the left navigation in SharePoint 2010 from the solutions I got, I was getting a blank space in left side.

Empty Space While hiding Left Navigation in SharePoint 2010

Empty Space while editing the master page

Many of the solutions also speaks about adding the code Content Editor but that also gave me a blank space in the left hand side.  After long struggle, I made it work by using the code from

http://chrisstahl.wordpress.com/2010/03/15/hide-the-quick-launch-in-sharepoint-2010/

How to Hide or Remove the Quick Launch in SharePoint 2010 working Solutions for me:

<style type="text/css">

/*–Hide Quick Launch –*/
#s4-leftpanel{
display:none
}
.s4-ca{
margin-left:0px
}
</style>

Copy above code and past it in your master page on above </head> to

hide Hide or Remove the Quick Launch in SharePoint 2010

Hide or Remove the left navigation in SharePoint 2010

No Empty space anymore