This is a migrated thread and some comments may be shown as answers.
Width of Input Boxes in Radsocialshare
2 Answers 6 Views
This is a migrated thread and some comments may be shown as answers.
Glenn
Top achievements
Rank 1
Glenn asked on 16 Sep 2014, 11:08 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Danail Vasilev
Telerik team
answered on 18 Sep 2014, 01:02 PM
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.

 
0
Glenn
Top achievements
Rank 1
answered on 18 Sep 2014, 10:22 PM
Excellent.  Thank you!
Asked by
Glenn
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Glenn
Top achievements
Rank 1
Share this question
or