RadSocialShare mess while loading

[Log]

while RadSocialShare is loading which takes unusual long time it expands website normally large and browser scrollbars appear. when its loaded its ok but while loading looks a lilttle ugly. how to fix this?

[Danail Vasilev]

Hello Log,

If you are using Standard buttons, note that they are created by external scripts coming from respective networks and we have no control over their behavior - We leave the entire rendering and functionality to them and they are, therefore, placed inside iframes so that their scripts can freely access and modify the HTML they need.

What you can do, however, is to display the RadSocialShare when it is completely loaded:

• Put the RadSocialShare in a div that is positioned outside of the visible part of the page:

<div id="hiddenDiv" style="position:absolute;top:-10000px;left:-10000px">
    <telerik:RadSocialShare ID="SocialShare" runat="server">
        <MainButtons>
            <telerik:RadFacebookButton />
            <telerik:RadLinkedInButton />
            <telerik:RadTwitterButton />
        </MainButtons>
    </telerik:RadSocialShare>
</div>

• Return the initial RadSocialShare's positions after an appropriate timeout:

<script type="text/javascript">
function pageLoad(editor){
    setTimeout(function(){
        $get("hiddenDiv").style.position = "static";
    }, 1500);
}
</script>

You can also find the full VS example in the attached archive.

Regards,
Danail Vasilev
Telerik