I am trying to implement Twitters Bootstrap into my web application.
When I add the Bootstrap CSS it screws up the radcombo.
Can you tell me what CSS is doing this?
When I add the Bootstrap CSS it screws up the radcombo.
Can you tell me what CSS is doing this?
5 Answers, 1 is accepted
0
Hello Michael,
There is indeed a problem with the RadComboBox when the Twitters Bootstrap styles are added to the page. Try to add the following CSS in order to fix the problem:
Thank you for pointing this issue, as a token of gratitude your Telerik points are updated.
Kind regards,
Dimitar Terziev
the Telerik team
There is indeed a problem with the RadComboBox when the Twitters Bootstrap styles are added to the page. Try to add the following CSS in order to fix the problem:
<style type=
"text/css"
>
.RadComboBox .rcbInput
{
margin
:
0
;
}
</style>
Thank you for pointing this issue, as a token of gratitude your Telerik points are updated.
Kind regards,
Dimitar Terziev
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.
0

Rich Coleman
Top achievements
Rank 1
answered on 22 Aug 2012, 03:32 PM
I ran into this issue as well and had to back-out my twitter bootstrap integration, unfortunately. Is this the only known issue? And will Telerik support mixing in Bootstrap going forward for upcoming releases?
0
Hi Rich,
Currently this is the only known issue which we are aware of and we shall do our best in order to fix it for the upcoming Q release. Meanwhile you could use the workaround provided in my previous post. In case you have found another problems we'll be grateful if you could share them with us so we could fix them as well.
All the best,
Dimitar Terziev
the Telerik team
Currently this is the only known issue which we are aware of and we shall do our best in order to fix it for the upcoming Q release. Meanwhile you could use the workaround provided in my previous post. In case you have found another problems we'll be grateful if you could share them with us so we could fix them as well.
All the best,
Dimitar Terziev
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.
0

Tarim
Top achievements
Rank 2
answered on 12 Dec 2012, 10:31 PM
Hi,
I tried to use bootstrap button css to telerik rad button. Here is my html script <telerik:RadButton ID="RadButton1" runat="server" EnableEmbeddedSkins="false" CssClass="btn btn-warning" Text="CONTINUE" SingleClick="True" SingleClickText="CONTINUEING">
</telerik:RadButton>
After the button background color changed, but the text color still keep black(it suppose to be white). Also, when I click the single click text applied, but the text background color back to default button color(gray).
Thanks,
I tried to use bootstrap button css to telerik rad button. Here is my html script <telerik:RadButton ID="RadButton1" runat="server" EnableEmbeddedSkins="false" CssClass="btn btn-warning" Text="CONTINUE" SingleClick="True" SingleClickText="CONTINUEING">
</telerik:RadButton>
After the button background color changed, but the text color still keep black(it suppose to be white). Also, when I click the single click text applied, but the text background color back to default button color(gray).
Thanks,
0
Hello,
I am not quite sure, what should be the final result, but I have set a white color for the button, and when it is clicked, not to have the gray background:
Kind regards,
Bozhidar
the Telerik team
I am not quite sure, what should be the final result, but I have set a white color for the button, and when it is clicked, not to have the gray background:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
link
href
=
"bootstrap.css"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
style
type
=
"text/css"
>
.btn .rbDecorated {
color: #fff;
background-color: transparent;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
/>
<
telerik:RadButton
ID
=
"RadButton1"
runat
=
"server"
EnableEmbeddedSkins
=
"false"
CssClass
=
"btn btn-warning"
Text
=
"CONTINUE"
SingleClick
=
"True"
SingleClickText
=
"CONTINUEING"
>
</
telerik:RadButton
>
</
form
>
</
body
>
</
html
>
Kind regards,
Bozhidar
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.