Die ASP.Net MenuItem-Formatierung wird nicht von den untergeordneten Elementen geerbt

Melanie

Ich erstelle programmgesteuert ein ASP.Net 4.5-Menü in C #. Die oberen Menüelemente werden nach meinen Wünschen formatiert, aber die Formatierung wird nicht von den untergeordneten Elementen übernommen. Die Formatierung, mit der ich mich am meisten beschäftige, sind zwei: StaticEnableDefaultPopOutImage, mit dem gesteuert wird, ob dieser kleine Pfeil neben dem MenuItem angezeigt wird, und ItemSpacing. Ersteres ist in der Definition von asp: Menu auf false gesetzt und funktioniert für die oberen Menüelemente (dh es wird kein kleiner Pfeil angezeigt), funktioniert jedoch nicht für die untergeordneten Elemente (der kleine Pfeil wird neben den untergeordneten Elementen angezeigt). . Letzteres ist auf 75px eingestellt, und die oberen Menüpunkte sind gut voneinander beabstandet. Die untergeordneten Elemente und ihre untergeordneten Elemente sind jedoch nebeneinander vollgestopft. Ich bin mir nicht sicher, wie ich dieses Verhalten kontrollieren soll. Schließlich wird das Menü auf einer Masterseite definiert. Hier ist mein Menücode in Master:

<asp:Menu runat="server" CssClass="bgcell_top_nav" ID="menuMain" Orientation="Horizontal" RenderingMode="Table" StaticEnableDefaultPopOutImage="false" Width="100%" ItemWrap="false" Height="250" DynamicVerticalOffset="8" StaticDisplayLevels="1">
    <StaticMenuItemStyle ItemSpacing="75px" />
</asp:Menu>

Und das ist mein Code dahinter:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        //top menu items
        MenuItem ApplicationFunctionality = new MenuItem();
        ApplicationFunctionality.Text = "Applications";
        ApplicationFunctionality.SeparatorImageUrl = "~/images/menu-pipe.png";
        this.menuMain.Items.Add(ApplicationFunctionality);
        MenuItem DatabaseFunctionality = new MenuItem();
        DatabaseFunctionality.Text = "Databases";
        DatabaseFunctionality.SeparatorImageUrl = "~/images/menu-pipe.png";
        this.menuMain.Items.Add(DatabaseFunctionality);

        //sub menu items
        MenuItem Application_Add = new MenuItem();
        Application_Add.Text = "Add";
        ApplicationFunctionality.ChildItems.Add(Application_Add);
        MenuItem Application_Search = new MenuItem();
        Application_Search.Text = "Search";
        ApplicationFunctionality.ChildItems.Add(Application_Search);
        MenuItem Application_Reports = new MenuItem();
        Application_Reports.Text = "Reports";
        ApplicationFunctionality.ChildItems.Add(Application_Reports);

        MenuItem CreateInternalApplication = new MenuItem();
        CreateInternalApplication.Text = "Internal";
        CreateInternalApplication.NavigateUrl = "~/TemplateForms/ApplicationCreationTemplateForm.aspx";
        Application_Add.ChildItems.Add(CreateInternalApplication);
        MenuItem CreateExternalApplication = new MenuItem();
        CreateExternalApplication.Text = "External";
        Application_Add.ChildItems.Add(CreateExternalApplication);
    }
}

Und ich füge ein Bild davon bei, wie das aussieht, damit die Leute sehen können, um welche Themen es sich handelt.

Geben Sie hier die Bildbeschreibung ein

Jede Anleitung zum Formatieren der untergeordneten Elemente wird sehr geschätzt.

derloopkat

Pfeilsymbole entfernen:

Das Problem ist, dass StaticEnableDefaultPopOutImage="false"nur für statische Menüebenen gilt und Sie haben StaticDisplayLevels="1". Die anderen beiden Ebenen sind dynamisch, also brauchen Sie auch DynamicEnableDefaultPopOutImage="false".

Abstand hinzufügen:

Zum Hinzufügen von Abständen zu dynamischen Ebenen können Sie Folgendes verwenden:

<DynamicMenuItemStyle ItemSpacing="75px" />

Anwenden benutzerdefinierter Stile:

Alternativ können benutzerdefinierte Stile auf jede Menüebene angewendet werden. Dies gibt Ihnen mehr Kontrolle darüber, wie das Menü aussieht. Deklarieren Sie in Ihrem Menü Stile für Menüelementebenen mit LevelMenuItemStyles. Zum Beispiel füge ich hier Stilklassen für die ersten 3 Menüelementstufen hinzu:

<asp:Menu runat="server" CssClass="bgcell_top_nav" 
        ID="menuMain" Orientation="Horizontal" RenderingMode="Table"
        StaticEnableDefaultPopOutImage="false" Width="100%"
        ItemWrap="false" Height="250" DynamicVerticalOffset="8"
        StaticDisplayLevels="1">
    <LevelMenuItemStyles>
        <asp:MenuItemStyle CssClass="menuItemLevel1"/>
        <asp:MenuItemStyle CssClass="menuItemLevel2"/>
        <asp:MenuItemStyle CssClass="menuItemLevel3" />
    </LevelMenuItemStyles> 
</asp:Menu>

Dann sollten Sie in der Lage sein, Stile auf Elementebene des Menüs anzupassen, z

.menuItemLevel2{
    margin-left:7px;
}
.menuItemLevel3{
    margin-left:12px;
}

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

Die übergeordnete Klasse wird vom untergeordneten Element in der untergeordneten Komponente, die scss verwendet, nicht geerbt

Der in Abstract Class implementierte Action-Listener wird nicht von den Klassen geerbt, die ihn erweitern

Metaklassen: Warum wird die Methode nicht von der Basisklasse geerbt?

Wie "Dragenter" wird nicht von untergeordneten Elementen blockiert?

Abhängigkeitsüberschreibung, die nicht von untergeordneten Modulen in Scala sbt build geerbt wurde

Suchen von Elementen in der untergeordneten Tabelle, die auf Datensätze in der Mastertabelle verweisen, auf die von anderen untergeordneten Tabellen nicht verwiesen wird

Annotation wird nicht von der Schnittstellenmethode geerbt

Wird die Eigenschaft "display" geerbt oder nicht?

Methode, die außerhalb der Klassenverzögerung deklariert wurde, konnte nicht von der untergeordneten Klasse in Javascript geerbt werden

Die Rekursion wird mit den nächsten Elementen nicht fortgesetzt

Die WM_VSCROLL / WM_HSCROLL-Nachricht von TrackBar wird nicht an den untergeordneten MessageHandler gesendet. Warum?

Der Kontrollkästchenstil wurde nicht richtig umgeschaltet, wenn die Aktion für übergeordnete, aktualisierte Daten von übergeordneten zu untergeordneten Elementen gesendet wird

Die Diagrammanforderung zum Auflisten von untergeordneten Elementen wird leer zurückgegeben

Durch das Erstellen von untergeordneten Elementen wird die Breite des übergeordneten Elements halbiert

TS - Eine öffentliche Methode in super () kann von den untergeordneten Elementen nicht aufgerufen werden

BST entfernt Knoten mit 2 untergeordneten Elementen, die den Vorgänger nicht löschen

Wie erhalte ich die offsetHeight eines Elements in einer übergeordneten Komponente von den untergeordneten Elementen?

Warum wird mein Razor 'RenderSection' nicht von einer Enkelansicht geerbt?

Warum wird fstream in c ++ nicht von ifstream und ofstream geerbt?

WPF CustomControl-Stil wird nicht von Child Control geerbt

Microsoft Graph: Abrufen von untergeordneten Elementen aller untergeordneten Gruppen (.NET)

Wird die @ abhängige CDI-Annotation von Unterklassen geerbt?

Identifizieren Sie die Basisklasse, von der eine Eigenschaft geerbt wird

Generic<T> ActionResult mit untergeordneten Elementen von T, die nicht vom generischen Typ sind

Die Eigenschaft 'data' von undefined mit Kontrollkästchen in untergeordneten Elementen kann nicht gelesen werden

Statusänderungen von übergeordneten zu untergeordneten Elementen, die nicht in TextField in React Hook berücksichtigt werden

Die Auswahl von untergeordneten CSS-Elementen über Selen funktioniert nicht

Schienen: Die Formatierung von Assets / Stylesheets / application.scss wird nicht auf die Ansicht angewendet

Zurückgeben von Listen mit untergeordneten Elementen in ASP.NET CORE mit Firebase

TOP Liste

  1. 1

    So legen Sie mit dem Interface Builder unterschiedliche führende Speicherplätze für unterschiedliche Geräte fest

  2. 2

    Fügen Sie eine weitere Schaltfläche zu gwt Suggest Box hinzu

  3. 3

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  4. 4

    Wie kann ich in SCSS mehrere Klassen zu einer einzigen kombinieren?

  5. 5

    Wie konvertiert man einen Datenrahmen im langen Format in eine Liste mit einem geeigneten Format?

  6. 6

    Speichern Sie ein MPAndroidChart-Diagramm in einem Bild, ohne es in einer Aktivität anzuzeigen

  7. 7

    Gruppieren Sie Datenrahmenspalten nach ihrem Datum (die Spaltentitel enthalten) und fassen Sie die Instanzen von Einsen und Nullen in R . zusammen

  8. 8

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  9. 9

    Eclipse Oxygen - Projekte verschwinden

  10. 10

    Wie wählt man Unterschiede mit drei Tabellen aus?

  11. 11

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  12. 12

    So berechnen Sie die Verfügbarkeit von Anwendungen (SLA)

  13. 13

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

  14. 14

    Wie kann ich den Kaskadenmodus global einstellen?

  15. 15

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  16. 16

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  17. 17

    Wie erstelle ich einen neuen übergeordneten Knoten außerhalb der .ref (/ path) in der Firebase-Echtzeitdatenbank mithilfe von Cloud-Funktionen (Typescript)?

  18. 18

    Was ist schneller: SUM über NULL oder über 0?

  19. 19

    Wie kann ich eine verschachtelte Schleife mit lapply in R ersetzen?

  20. 20

    Kann ich ein Tkinter-Canvas erstellen, das mehrere Zeilen in einem Text-Widget umfasst?

  21. 21

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

heißlabel

Archiv