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

Can you reduce the space between lines of checkboxes?

2 Answers 783 Views
CheckBox
This is a migrated thread and some comments may be shown as answers.
bdrennen
Top achievements
Rank 1
bdrennen asked on 06 Jun 2018, 11:47 PM

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>
</asp:Panel>

2 Answers, 1 is accepted

Sort by
0
Accepted
Rumen
Telerik team
answered on 08 Jun 2018, 02:07 PM
Hello,

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

<style>
            .rbCheckBox, .rbRadioButton, .rbToggleButton {
                padding: 0 !important;
            }
 </style>


Regards,
Rumen
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.
0
bdrennen
Top achievements
Rank 1
answered on 08 Jun 2018, 02:47 PM

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!

Tags
CheckBox
Asked by
bdrennen
Top achievements
Rank 1
Answers by
Rumen
Telerik team
bdrennen
Top achievements
Rank 1
Share this question
or