Width of Input Boxes in Radsocialshare

3 posts, 1 answers
  1. Glenn
    Glenn avatar
    47 posts
    Member since:
    Nov 2011

    Posted 16 Sep 2014 Link to this post

    Using the following CSS to make the width the same for all the input boxes in RadSocialShare Email Popup Window:
    .rfdTextbox.RadForm input[type='text'].rfdDecorated,   .rfdTextbox.RadForm input[type='search'].rfdDecorated,   .rfdTextbox.RadForm input[type='url'].rfdDecorated, .rfdTextbox.RadForm input[type='tel'].rfdDecorated, .rfdTextbox.RadForm input[type='email'].rfdDecorated {
      width: 240px!important;
      }

    However the CSS is also changing the size of another Radcaptcha input box on the underlying page.
    I can't figure out the CSS to only include the RadSocialShare?

    Any help would be greatly appreciated.
  2. Answer
    Danail Vasilev
    Admin
    Danail Vasilev avatar
    1492 posts

    Posted 18 Sep 2014 Link to this post

    Hello Glenn,

    You can simply cascade through a RadSocialShare's popup specific class. For example:
    CSS:
    <style>
        .rfdTextbox.RadForm .sshForm input[type='text'].rfdDecorated,
        .rfdTextbox.RadForm .sshForm input[type='search'].rfdDecorated,
        .rfdTextbox.RadForm .sshForm input[type='url'].rfdDecorated,
        .rfdTextbox.RadForm .sshForm input[type='tel'].rfdDecorated,
        .rfdTextbox.RadForm .sshForm input[type='email'].rfdDecorated {
            width: 240px;
        }
    </style>

    ASPX:
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
    <telerik:RadSocialShare ID="RadSocialShare1" runat="server">
        <MainButtons>
            <telerik:RadSocialButton SocialNetType="SendEmail" />
        </MainButtons>
    </telerik:RadSocialShare>
    <telerik:RadCaptcha ID="RadCaptcha1" runat="server"></telerik:RadCaptcha>



    Regards,
    Danail Vasilev
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Glenn
    Glenn avatar
    47 posts
    Member since:
    Nov 2011

    Posted 18 Sep 2014 in reply to Danail Vasilev Link to this post

    Excellent.  Thank you!
Back to Top