SocialShare - PopUp Share Bar

Telerik Recipient of Ruban d’Honneur Award for Second Consecutive Year

Prestigious Recognition Celebrates Business Excellence, Best Practice and Innovation

WALTHAM, MA, AUGUST 1, 2011 - Telerik, an end-to-end provider of software application lifecycle and content management solutions, today announced that it has been selected as the 2011 European Business Awards RUBAN d'HONNEUR recipient for the second year in a row. Sponsored by HSBC, the prestigious recognition rewards outstanding business performance, excellence, best practice and innovation. Telerik will now compete as a finalist within the Infosys Business of the Year Award (T/O 0-25m euro) category for the ultimate prize of a European Business Award.

"Receiving a Ruban d'Honneur is a major success. It promotes the fact that you're up there with the best businesses across the European community. This year has been tough on the judging panel as we're seeing businesses emerge from economic difficulties and come out fighting and delivering some great entries. The mood is confident, ebullient and highly competitive," said Adrian Tripp, CEO, European Business Awards. "The gaze of the European business community is well and truly on the Ruban d'Honneur recipients and Telerik demonstrated real talent for the Infosys Business of the Year Award. Together with HSBC we wish Telerik every success in this next and final round of the European Business Awards."

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

You can place the RadSocialShare in a RadNotification so that it pops up in a sleek bar at the edge of the viewport when the user needs it - i.e. clicks on the share this article link. This can be useful for providing a cleaner user interface while keeping comments, sharing and other features in simple links so that the main accent is on the content.

You can also use the client-side events of the RadSocialShare to thank the user when he/she shares you article in the Internet, which can be done unobtrusively and quickly via another RadNotification.

  • DefaultCS.aspx
  • scripts.js
  • styles.css
<%@ Page Language="C#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="Stylesheet" />
    <script src="scripts.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <script type="text/javascript">
        //<![CDATA[
        function getOpenShareBar() {
            return $find("<%=ShareBarNotification.ClientID %>");
        }

        function getCloseShareBar() {
            return $find("<%=ShareBarNotification.ClientID %>");
        }

        function getShowTankYouNotification() {
            return $find("<%=ThankYouNotification.ClientID %>");
        }
        //]]>
    </script>
    <telerik:RadNotification RenderMode="Lightweight" Skin="Windows7" runat="server" ID="ShareBarNotification" Width="70%" Height="110px" CssClass="higherZindex"
        KeepOnMouseOver="false" EnableRoundedCorners="true" EnableShadow="true" VisibleTitlebar="false"
        Position="TopCenter" Animation="Slide" AutoCloseDelay="0" AnimationDuration="800">
        <ContentTemplate>
            <div class="socialBarMainContainer">
                You can share this article in the following networks:
                <div class="socialBarCenter">
                    <telerik:RadSocialShare RenderMode="Lightweight" Skin="Windows7" runat="server" ID="RadSocialShareBar" UrlToShare="http://www.telerik.com/company/press-center/company-news/telerik-recipient-of-ruban-d-honneur-award-for-second-consecutive-year.aspx"
                        TitleToShare="Telerik Recipient of Ruban d&amp;rsquo;Honneur Award for Second Consecutive Year"
                        OnSocialButtonClicked="ShowTankYouNotification">
                        <MainButtons>
                            <telerik:RadSocialButton SocialNetType="ShareOnFacebook"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="ShareOnTwitter"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="Digg"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="Tumblr"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="StumbleUpon"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="Reddit"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="LinkedIn"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="Delicious"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="Blogger"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="MySpace"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="GoogleBookmarks"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="ShareOnGooglePlus"></telerik:RadSocialButton>
                            <telerik:RadSocialButton SocialNetType="MailTo"></telerik:RadSocialButton>
                        </MainButtons>
                    </telerik:RadSocialShare>
                </div>
            </div>
            <a href="javascript:void(0);" class="closeButton" onclick="closeShareBar();"></a>
        </ContentTemplate>
    </telerik:RadNotification>
    <telerik:RadNotification RenderMode="Lightweight" Skin="Windows7" runat="server" ID="ThankYouNotification" Width="500px" Height="110px"
        EnableRoundedCorners="true" EnableShadow="true" Title="Thank you!" AutoCloseDelay="10000" 
        TitleIcon="ok" ContentIcon="ok" Text="Thank you for sharing this article with the world!"
        Position="BottomCenter" Animation="Slide">
    </telerik:RadNotification>
    <telerik:RadWindowManager RenderMode="Lightweight" Skin="Windows7" runat="server" ID="RadWindowManager1">
        <Windows>
            <telerik:RadWindow RenderMode="Lightweight" runat="server" ID="RadWindowComments" Behaviors="Move, Close" OnClientShow="clientShow"
                VisibleStatusbar="false" Title="Leave a comment" EnableShadow="true" Width="340px"
                Height="340px">
                <ContentTemplate>
                    <div class="commentForm">
                        <label for="nameField">
                            Enter your name:
                        </label>
                        <input type="text" id="nameField" />
                        <br />
                        <br />
                        <label for="commentField">
                            Enter your comment:
                        </label>
                        <textarea cols="30" rows="10" id="commentField"></textarea>
                        <br />
                        <asp:Button ID="Button1" Text="Send Comments" OnClientClick="addComment(); return false;"
                            runat="server"></asp:Button>
                    </div>
                </ContentTemplate>
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>
    <div class="mainWrap">
        <h1>Telerik Recipient of Ruban d&rsquo;Honneur Award for Second Consecutive Year</h1>
        <h2>Prestigious Recognition Celebrates Business Excellence, Best Practice and Innovation</h2>
        <div class="articleTools">
            <a href="javascript:void(0);" onclick="openCommentsWindow();">Send comments</a>
            <a href="javascript:void(0);" class="fullasdStory" onclick="window.open('http://www.telerik.com/company/press-center/company-news/telerik-recipient-of-ruban-d-honneur-award-for-second-consecutive-year.aspx');">Read more </a><a class="fulasdlStory" href="javascript:void(0);" onclick="openShareBar();">Share this article </a>
        </div>
        <p>
            <strong>WALTHAM, MA, AUGUST 1, 2011</strong> - <a href="javascript:void(0);" onclick="window.open('http://www.telerik.com/');">Telerik</a>, an end-to-end provider of software application lifecycle and content
            management solutions, today announced that it has been selected as the 2011 European
            Business Awards RUBAN d'HONNEUR recipient for the second year in a row. Sponsored
            by HSBC, the prestigious recognition rewards outstanding business performance, excellence,
            best practice and innovation. Telerik will now compete as a finalist within the
            Infosys Business of the Year Award (T/O 0-25m euro) category for the ultimate prize
            of a European Business Award.
        </p>
        <p>
            &quot;<em>Receiving a Ruban d'Honneur is a major success. It promotes the fact that
                you're up there with the best businesses across the European community. This year
                has been tough on the judging panel as we're seeing businesses emerge from economic
                difficulties and come out fighting and delivering some great entries. The mood is
                confident, ebullient and highly competitive,</em>&quot; said Adrian Tripp, CEO,
            European Business Awards. &quot;<em>The gaze of the European business community is well
                and truly on the Ruban d'Honneur recipients and Telerik demonstrated real talent
                for the Infosys Business of the Year Award. Together with HSBC we wish Telerik every
                success in this next and final round of the European Business Awards.</em>&quot;
        </p>
        <div id="commentsContainer">
        </div>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?