Can you reduce the space between lines of checkboxes?

3 posts, 1 answers
  1. bdrennen
    bdrennen avatar
    36 posts
    Member since:
    Dec 2009

    Posted 06 Jun 2018 Link to this post

    Is there a way to control how much space is between lines with checkboxes on them? I have a form with several checkboxes, and I'd like to reduce how much whitespace is between the lines. Each line is terminated with a <br />.

    <asp:Panel ID="Panel_Checkboxes" runat="server" Visible="false" CssClass="insetPanel">
        <telerik:RadCheckBox ID="RadCheckBox_Details" runat="server" AutoPostBack="true" Text="Details"></telerik:RadCheckBox><br />
        <telerik:RadCheckBox ID="RadCheckBox_Buttons" runat="server" AutoPostBack="true" Text="Buttons"></telerik:RadCheckBox><br />
        <telerik:RadCheckBox ID="RadCheckBox_Zippers" runat="server" AutoPostBack="true" Text="Zippers"></telerik:RadCheckBox>
  2. Answer
    Rumen avatar
    14324 posts

    Posted 08 Jun 2018 Link to this post


    You can control the checkbox padding with the following CSS class:

                .rbCheckBox, .rbRadioButton, .rbToggleButton {
                    padding: 0 !important;

    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. bdrennen
    bdrennen avatar
    36 posts
    Member since:
    Dec 2009

    Posted 08 Jun 2018 in reply to Rumen Link to this post

    Aha! I was missing the !important. That made all the difference. I hadn't thought to include it on my previous attempts to change the padding.

    Thank you very much!

Back to Top