Width of Input Boxes in Radsocialshare

[Glenn]

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.

[Danail Vasilev]

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

 

 

[Glenn]

Excellent.  Thank you!