Space Between the Two Buttons and a Textbox

2 posts, 0 answers
  1. Vuyiswa Maseko
    Vuyiswa Maseko avatar
    187 posts
    Member since:
    Jan 2010

    Posted 24 Aug 2010 Link to this post

    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
  2. Yana
    Admin
    Yana avatar
    4554 posts

    Posted 26 Aug 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top