Button widths not working

3 posts, 1 answers
  1. Dan
    Dan avatar
    25 posts
    Member since:
    May 2008

    Posted 24 Jan 2012 Link to this post

    I have the following code:

    <telerik:RadFacebookButton ButtonType="FacebookLike" Font="Verdana" ShowFaces="False"
        TitleToShare="The Conference Board of Canada"
        UrlToShare="http://www.conferenceboard.ca" Width="40" />
    <telerik:RadTwitterButton CounterMode="Horizontal"
        TitleToShare="The Conference Board of Canada"
        UrlToShare="http://www.conferenceboard.ca/" />
    <telerik:RadGoogleButton AnnotationType="Bubble" ButtonSize="Medium"
        TitleToShare="The Conference Board of Canada"
        UrlToShare="http://www.conferenceboard.ca/" Width="40" />

    And for some reason, the widths I've indicated aren't translating onto the page-- the FB and Google+ buttons have a width of 90, and the twitter button has 110 width. Why is setting the width attribute not working, and besides that, why is it impossible to set the width of the Twitter button?
    Thanks in advance!
  2. Answer
    Marin Bratanov
    Marin Bratanov avatar
    3564 posts

    Posted 25 Jan 2012 Link to this post

    Hi Dan,

    Please examine this page on configuring the Standard buttons: http://www.telerik.com/help/aspnet-ajax/radsocialshare-standard-buttons.html. There are several useful links in it on how exactly different properties affect them.

    On the facebook buttons it is this one: http://developers.facebook.com/docs/reference/plugins/like/. Note that the width of the ButtonCount type of button is at least 90px.

     On twitter - it simply does not offer much customization options, only where the counter is placed (or if there shouldn't be a counter), so this is what we offer as well.

    On GooglePlus - take a look at this page: https://developers.google.com/+/plugins/+1button/#button-sizes. The Width property is not defined for it (its cell contains "-"). Their rendering for this button is not something we can control and is also subject to change on their end without notice.

    All the best,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. DevCraft R3 2016 release webinar banner
  4. Dan
    Dan avatar
    25 posts
    Member since:
    May 2008

    Posted 27 Jan 2012 Link to this post

    Marin, thanks for the reply. I suspected that the problem would lie on their end since most of these buttons are usually loaded via scripts, but I just wanted to check. I guess we'll have to make do with what we're given for now.
Back to Top