2010-11-30 12 views
1

Ich muss das Menü "Aktionen" aus der Symbolleiste einer Dokumentbibliothek ausblenden. Ich weiß in CSS kann ich diese "{display: none}" -Syntax verwenden, um zu verbergen.CSS zum Ausblenden ändern

Kann mir bitte jemand helfen, den richtigen Ort zu finden, wo ich das hinbekomme? Ich habe diese .ms-Aktionsleiste gefunden, weiß aber nicht, ob dieser Typ zur Listen- oder Site-Toolbar gehört.

Zum Beispiel: http://www.xsolive.com/Shared%20Documents/Forms/AllItems.aspx

+1

können Sie den HTML-Code anzeigen? – hunter

+0

Können Sie als Live-Beispiel geben? –

+1

@Bob Sie fragen eine generische Lösung für ein bestimmtes Problem, wäre der Code benötigt, um eine gute Antwort zu bieten. Vielen Dank! – Trufa

Antwort

1

Diese CSS-Regel werden die Elemente aus Ihrer Symbolleiste auszublenden:

.ms-menutoolbar td 
{ 
    display:none; 
} 

Beachten Sie, dass diese alle Menüs verstecken aus Ihre Symbolleiste obwohl. Wenn andere Schaltflächen in der Symbolleiste angezeigt werden sollen, müssen Sie sie jedoch ändern. Die Verwendung der ID dieser speziellen Schaltfläche funktioniert.

Für die von Ihnen angegebene URL, würde die Regel sein:

#zz8_ListActionsMenu_t 
{ 
    display:none; 
} 

Für Ihre Frage:

nicht mit CSS Sie nicht können. Das Menü "Aktionen" wird dynamisch von SharePoint generiert und die ID ist nicht immer identisch. Sie können es jedoch mit Javascript tun.

Hier ist, wie Sie es mit jQuery tun würde:

$(document).ready(function() { 
    var link = $('a[id$="ListActionsMenu"]').filter(':contains("Actions")'); 
    link.parent().hide(); 
}); 

Eine sehr vereinfachte Version des HTML-Code wie folgt für das Menü aus:

<div id="zz8_ListActionsMenu_t"> 
    <a id="zz8_ListActionsMenu">Actions</a> 
</div> 

Was die jQuery-Code tut, ist, dass Es findet zuerst alle <a> mit einer ID, die mit ListActionsMenu endet (was die Auswahl auf den Inhalt der Symbolleiste beschränken sollte) und findet dann die mit dem Text "Aktion". Es entfernt dann die ganze div.

+0

Ich bemerkte, dass der erste Teil "zz8" in Dev, Test und Prod unterschiedlich ist. In dev ist es zz23, Test ist zz25, Prod ist zz14 .. Nun, was gibt es eine Möglichkeit, die zz automatisch zu lesen Teil und ListActionsMenu_t? –

+0

Siehe meine Bearbeitung für die Antwort auf Ihre Frage. –

+0

Great. Vielen Dank Hugo .... –

3

ich immer mit Experimentieren gehen. Fang einfach an, Dinge zu verstecken.

Auch wenn Sie Chrom verwenden, die betreffende Seite zu öffnen, rechts auf das Element klicken, und wählen Sie „Inspect Element“ dies wird Ihnen zeigen, es ist id/Klassen usw.

Es gibt ähnliche Werkzeuge in FF, aber ich benutze FF nicht wirklich außer zum Testen.

+0

Lass mich FF versuchen, weil ich nicht Chrome auf meinem Entwickler installiert habe. –

+0

Sie sollten zu FF wechseln, es folgt der Spezifikation am nächsten und Firebug ist bei weitem das beste Werkzeug für Entwickler! – Kyle

+2

@Kyle - Chrome hat integrierte Entwicklungswerkzeuge (drücken Sie Strg + Umschalt + J). Es gibt auch ein Firebug-Plugin für Chrome (http://getfirebug.com/releases/lite/chrome/) – Matt

2

Feuer Fehler in FF die CSS-Klassennamen zu erhalten, indem Element tun inspizieren

+0

Doesnt wirklich lösen mein Problem –

Verwandte Themen