This is a migrated thread and some comments may be shown as answers.

RadCombo and Bootstrap CSS

5 Answers 620 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Michael
Top achievements
Rank 1
Michael asked on 06 Jun 2012, 01:54 PM
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?

5 Answers, 1 is accepted

Sort by
0
Dimitar Terziev
Telerik team
answered on 11 Jun 2012, 08:57 AM
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:
<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
Dimitar Terziev
Telerik team
answered on 27 Aug 2012, 07:17 AM
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
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,
0
Bozhidar
Telerik team
answered on 14 Dec 2012, 09:15 AM
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:

<%@ 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">
<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.
Tags
ComboBox
Asked by
Michael
Top achievements
Rank 1
Answers by
Dimitar Terziev
Telerik team
Rich Coleman
Top achievements
Rank 1
Tarim
Top achievements
Rank 2
Bozhidar
Telerik team
Share this question
or