RadCombo and Bootstrap CSS

6 posts, 0 answers
  1. Michael
    Michael avatar
    1 posts
    Member since:
    Feb 2012

    Posted 06 Jun 2012 Link to this post

    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?
  2. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 11 Jun 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rich Coleman
    Rich Coleman avatar
    19 posts
    Member since:
    Jan 2008

    Posted 22 Aug 2012 Link to this post

    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?
  5. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 27 Aug 2012 Link to this post

    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.
  6. Tarim
    Tarim avatar
    5 posts
    Member since:
    Dec 2009

    Posted 12 Dec 2012 Link to this post

    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,
  7. Bozhidar
    Admin
    Bozhidar avatar
    680 posts

    Posted 14 Dec 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017