Anwenden von CSS auf eine Bestimmte SharePoint-Multifunktionsleiste-Taste?

Gibt es eine Möglichkeit, einfach ausblenden einer bestimmten SharePoint-Multifunktionsleiste-Taste? Ich habe sehen Sie den CSS-code für das ausblenden der ganzen Leiste, aber ich will nur ausblenden 1-Schaltfläche (die check-in-Taste). Ich habe versucht, auf Sie verweisen mehrere Möglichkeiten, wie:

a#Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large { display: none; !important }

ms-cui-ctl-large#Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large { display: none; !important }

a.ms-cui-ctl-large#Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large { display: none; !important }

Es ist möglich, dass mein CSS ist einfach alles falsch, oder vielleicht werde ich über es der falsche Weg. Wie kann ich das ausblenden dieses Elements?

InformationsquelleAutor Jim Parker | 2011-05-17
  1. 6

    Fand die Lösung für dieses ausschließlich über CSS-Dank http://online.appdev.com/edge/blogs/doug_ware/archive/2011/08/02/hiding-a-sharepoint-ribbon-button-with-css.aspx

    Der trick ist, dass für jede '.' innerhalb der SharePoint-ID (Die unfortuenately gehören . als Teil Ihrer Namen und sind nicht editierbar), die Sie benötigen, um preceed jeder mit '\' zu '\.' also in deinem original-Beispiel finden Sie, dass:

    #Ribbon\.DocLibListForm\.Edit\.Commit\.CheckIn-Large {display:none;}

    Funktioniert wie ein Charme! 🙂

    InformationsquelleAutor Alan Howshall
  2. 3

    Gut, ich habe eine Lösung gefunden. Es funktioniert nicht mit CSS, sondern eher javascript zum ausblenden einer bestimmten Schaltfläche in der Multifunktionsleiste. Hier ist der code zum ausblenden der Check-In-Taste:

    <script type="text/javascript">
var elem = document.getElementById("Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large");
elem.style.display = "none";
</script>

    Um dies zu implementieren, habe ich einfach erstellt eine text-Datei mit dem obigen code, dann fiel ein CEWP auf meiner Liste, Bearbeiten Sie form, welche in Zusammenhang mit dieser Datei, und Zack--fertig!

    Dank @Prozaker für die CSS-Tipps--ich erfuhr heute etwas neues (außer, dass ich schlecht bin bei CSS 🙂

    InformationsquelleAutor Jim Parker
  3. 1

    Wäre es wirklich hilfreich, wenn du posten könntest, die Teil der html, die Sie brauchen, helfen mit.

    Jedoch die css nicht die wichtigste Regel richtig, die !important werden muss, bevor die ; so etwas wie dieses:

    Müssen Sie auch getrennt mit einem Leerzeichen child-Elemente, die Sie verweisen, im ersten Beispiel muss wie folgt geschrieben werden: 

    a#Ribbon .DocLibListForm .Edit .Commit .CheckIn-Large { 
     display: none !important; 
}

    Könnte es werden neu wie folgt geschrieben:

    a#Ribbon .DocLibListForm .CheckIn-Large { 
     display: none !important; 
}

    Gegeben, dass nur 1 element benannt ist .CheckIn-Large ist ein Kind-element von .DocLibListForm

    Für diese Art von Problemen können Sie das IE developer bar (oder firebug, falls du firefox verwenden), dann sollte es kommen gebündelt mit ie8+, die Ihnen helfen können, mit dieser Art von Sachen, lassen Sie Bearbeiten die css-Datei in Echtzeit.

    Ich würde Ihnen raten, gegen die !important Regel, da es ändert die Art und Weise, dass die CSS-Regel arbeitet.

    {edit}

    da Punkte sind Teil der ID, können Sie versuchen, diese: 

    #Ribbon.DocLibListForm.Edit.Commit.CheckIn-Large { 
     display: none !important;
}

    Jedoch ohne eigentliche HTML-code, ist es immer noch schwer zu sagen, vielleicht können Sie fügen Sie die Artikel, die Sie Probleme auf pastebin.

    • Ich verwendete IR-Dev-Bar und fand diese code-Zeile: <Ein id=Band.DocLibListForm.Edit.Begehen.CheckIn-Große Klasse= " ms-cui-ctl-large role=button onclick="return false;" aria-describedby=Band.DocLibListForm.Edit.Begehen.CheckIn_ToolTip href="javascript:;" nicht auswählbare="on" mscui:controltype="Button"> ich war in der Lage, ein Attribut hinzuzufügen, um diese Zeile, und legen Sie das display auf none, und in der Tat gearbeitet. Das problem ich bin aving ist, versucht, dass CSS in einem Formular. Ich bin mit einem verlinkten cewp zu einem css-stylesheet zu versuchen.
    • Sorry, nur zur Klarstellung: ich kann diese Arbeit nur durch manuelles hinzufügen von einem Attribut im IE Dev Bar, aber nicht replizieren, die außerhalb dieses. Ich habe auch versucht alle Varianten der css-bereitgestellte, aber noch kein Glück.
    • Okay, zu schließen. Ich verwendet IE Dev Bar zum ändern der HTML-und verändert die ID von: "id=Band.DocLibListForm.Edit.Begehen.CheckIn-Large" zu "id=Tester", dann verändert die CSS-Referenz, wie diese: A. ms-cui-ctl-große#tester, und es hat funktioniert! Also ich denke, ich bin in der Nähe. Das problem muss sein, wie ich bin, verweisen auf die lange id der Band.DocLibListForm.Edit.Begehen.CheckIn-Groß. Ich habe versucht, die Trennung wie vorgeschlagen, ebenso wie die Verkürzung, noch ohne Erfolg. Irgendwelche Gedanken? Thx
    • wusste gar nicht, dass die . waren Teil Ihrer element-id-name. Ich rate gegen die Verwendung von Punkten für ID ' s da Punkte werden verwendet, um den Referenz-Klassen in css.
    • Hi @Prozaker: Glauben Sie mir, ich wünschte, die element-id hatte, war es einfacher auch, aber unfortuntately dieser erzeugt wird, die von SharePoint-code. Jedenfalls, das script funktioniert perfekt. Nochmals vielen Dank für den CSS Tipp.
    InformationsquelleAutor Prozaker
Schreibe einen Kommentar