I am trying to have caret display beside my aspLabel control but the caret displays inside the labelHow can I have caret show beside the AspLabel instead of inside the Labelltdiv class34collapse navbarcollapse34 id34navbarSupportedContent34gt ltul class34nav navbarnav mlauto34gt ltli class34dropdown34 id34Li334 runat34server34 style34padding 5px cursor pointer34gt ltaspLabel class34dropdowntoggle

Hi RichardSaHTMLltform id34form134 runat34server34gt ltnav class34navbar navbarinverse34gt ltdiv class34containerfluid34gt ltdiv class34navbarheader34gt ltbutton type34button34 class34navbartoggle34 datatoggle34collapse34 datatarget34myNavbar34gt ltspan class34iconbar34gtltspangt ltspan class34iconbar34gtltspangt ltspan class34iconbar34gtltspangt ltbuttongt ltdivgt ltdiv class34collapse navbarcollapse34 id34myNavbar34gt ltul class34nav navbarnav mlauto34gt ltli class34dropdown34 id34Li334 runat34server34 style34padding 5px cursor pointer34gt ltaspLabel class34dropdowntoggle34

Display caret beside ASP.Net Label using CSS

RichardS...

SOLVED CLOSED ACTIVE ANSWERED
User: RichardSa
Posted: on Mar 02, 2023 09:58 PM
Forum: ASP.Net Web Forms
Answer: 1
Views: 1562

I am trying to have caret display beside my asp:Label control but the caret displays inside the label.

How can I have caret show beside the Asp:Label instead of inside the Label?

<div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="nav navbar-nav ml-auto">
        <li class="dropdown" id="Li3" runat="server" style="padding: 5px; cursor: pointer;">
            <asp:Label class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" ID="user" runat="server" Font-Size="10pt" Text="" ForeColor="#0b2436"></asp:Label>
            <ul class="dropdown-menu dropdown-menu-right" style="border: none; background-color: #fff; font-size: 9pt; border: 0.5px solid #e9ebeb;">
                <li class="dropdown" runat="server">
                    <asp:LinkButton ID="LinkButton3" runat="server" Font-Size="11pt" ForeColor="red" BackColor="White" OnCommand="Logout_Command">
                        <i class="fal fa-sign-out" aria-hidden="true" style="margin: 0 auto; font-size: 10pt; color: #0b2436;"></i> Logout
                    </asp:LinkButton>
                </li>
            </ul>
        </li>
    </ul>
</div>

Download FREE API for Word, Excel and PDF in ASP.Net

Shailesh...

0 2

Reply
ANSWER
User: ShaileshY
Replied: on Mar 03, 2023 06:54 AM
Report

Hi RichardSa,

HTML

<form id="form1" runat="server">
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav ml-auto">
                    <li class="dropdown" id="Li3" runat="server" style="padding: 5px; cursor: pointer;">
                        <asp:Label class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"
                            ID="user" runat="server" Font-Size="10pt" ForeColor="Gray"><span class="caret"></span></asp:Label>
                        <ul class="dropdown-menu">
                            <li>
                                <asp:LinkButton ID="LinkButton1" runat="server" Font-Size="11pt" ForeColor="red" BackColor="White">
                            <i class="fa fa-sign-out" aria-hidden="true" style="margin: 0 auto; font-size: 10pt; color: #0b2436;"></i> Logout
                                </asp:LinkButton>
                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</form>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Display caret beside ASP.Net Label using CSS

Company

Explore

Follow us

Contact Us