Change AnchorLink Text on ASP.Net Button Click using C# and VB.Net

kevinf

SOLVED CLOSED ACTIVE ANSWERED
User: kevinf
Posted: on Jul 26, 2022 12:43 AM
Forum: ASP.Net Web Forms
Answer: 1
Views: 3376

I currently use If textdesc = "" Then textdesc = "textblack" lFound.Attributes.Add("Class", textdesc) to set the lFount color to the users selection depending on the background (different colors white black etc). Can I use similar to set the navbar menu text the same in the <a href="about-section" see attached I currently use class="icon-import_contacts fs" and mediaresize

 .fs {
            font-size: x-large !Important;
        }

       @media only screen and (min-device-width: 770px) {
            body {
                overflow: hidden !important;
            }

            .mediaresize {
                font-size: 1.4vw !important;
            }
        }

        @media only screen and (min-device-width: 1200px) {
            body {
                overflow: hidden !important;
                font-size: 1.4vw !important;
                font-family: Arial !important;
            }

            .mediaresize {
                font-size: 1.4vw !important;
                font-family: Arial !important;
            }
        }

<header class="site-navbar js-sticky-header site-navbar-target" role="banner" style="background-color: Transparent !important;">
            <div class="container-fluid">
                <div class="row align-items-center position-relative" style="background-color: Transparent !important;">
                    <div class="row-cols-12">
                        <nav class="site-navigation text-right ml-auto kf" role="navigation" style="background-color: Transparent;">
                            <ul class="site-menu main-menu js-clone-nav ml-auto d-none d-lg-inline-flex">
                                <li class="has-children">
                                    <a href="#about-section" class="nav-link fs mediaresize"><em class="icon-import_contacts fs" style="margin-right: 5px;"></em>Import</a>

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

KasimA

0 2

Reply
User: KasimA
Replied: on Jul 26, 2022 02:47 AM
Report

Hi kevinf,

Set runat server attribute in the Anchor link. So that you can access Anchor Tag in code behind.

Then set the InnerHtml property.

HTML

<a id="lnkImport" runat="server" href="#about-section" class="nav-link fs mediaresize">
    <em class="icon-import_contacts fs" style="margin-right: 5px;"></em>Import</a>
<asp:Button Text="Set" runat="server" OnClick="OnSet" />

Code

protected void OnSet(object sender, EventArgs e)
{
    lnkImport.InnerHtml = "<em class='icon-import_contacts fs' style='margin-right: 5px;'></em>Export";   
}

VB.Net

Protected Sub OnSet(sender As Object, e As EventArgs)
    lnkImport.InnerHtml = "<em class='icon-import_contacts fs' style='margin-right: 5px;'></em>Export"
End Sub

Screenshot

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

Change AnchorLink Text on ASP.Net Button Click using C# and VB.Net

Company

Explore

Follow us

Contact Us