Space Between the Two Buttons and a Textbox

[Vuyiswa]

Good Day

I have a toolbar defined like this

<telerik:RadToolBar ID="RadToolBar1" Runat="server" Height="100%" Skin="Forest"
    Width="100%">
    <Items>
        <telerik:RadToolBarButton runat="server" Text="Button1" Width="100%">
            <ItemTemplate>
                <asp:ImageButton ID="btnoweb" runat="server" Height="50"
                    ImageUrl="~/images/o!logo.png" Width="50" />
                <asp:ImageButton ID="btnCalender" runat="server"
                    ImageUrl="~/images/Picture5.png" OnClick="btnCalender_Click" />
                <asp:ImageButton ID="btnAttach" runat="server" ImageUrl="~/images/Attach.png" />
                <asp:Menu ID="mnuMenu" runat="server">
                </asp:Menu>
                <telerik:RadMenu ID="mnuAdd" runat="server" Visible="true">
                    <ItemTemplate>
                        <asp:Image ID="imgicon" runat="server" EnableViewState="true"
                            ImageUrl="~/images/Add.png" />
                    </ItemTemplate>
                </telerik:RadMenu>
                      <asp:ImageButton ID="btnleftIcon" Height="38px" CssClass="rtbIcon" runat="server" ImageUrl="~/images/LeftIcon.PNG"
                      />
                <asp:TextBox ID="txtsearch" runat="server" AutoPostBack="true"
                    Font-Size="X-Large" Height="35px" onkeyup="this.onchange();"
                    OnTextChanged="Bind_SearchBox" Width="650px" />
                <asp:ImageButton ID="btnCancel" Height="38px"  CssClass="rtbIcon" runat="server" ImageUrl="~/images/RightCencelButton.PNG"
                    OnClick="btnCancel_Click" />
            </ItemTemplate>
        </telerik:RadToolBarButton>
    </Items>
</telerik:RadToolBar>

 i have a button btnleftIcon and txtsearch that sits between btnCancel , now

<asp:ImageButton ID="btnleftIcon" Height="38px" CssClass="rtbIcon" runat="server" ImageUrl="~/images/LeftIcon.PNG"
                      />
                <asp:TextBox ID="txtsearch" runat="server" AutoPostBack="true"
                    Font-Size="X-Large" Height="35px" onkeyup="this.onchange();"
                    OnTextChanged="Bind_SearchBox" Width="650px" />
                <asp:ImageButton ID="btnCancel" Height="38px"  CssClass="rtbIcon" runat="server" ImageUrl="~/images/RightCencelButton.PNG"
                    OnClick="btnCancel_Click" />

i want to remove space between the images and the textbox. as you can see from the below image there is a space.

Thanks

[Yana]

Hi Vuyiswa,

"rtbIcon" css class that you use has padding set, you can remove it with the following css:

.rtbIcon {
 padding: 0 !important;
 margin: 0 !important;
}

Kind regards,
Yana
the Telerik team