Übergeordnete Sharepoint CSS-Klassennamen in einem webpart

Ich habe lange gesucht hoch und niedrig für eine zufriedenstellende Antwort auf diese und scheiterte. Ich hoffe, dass StackOverflow liefern kann, für mich!

Ich bin mit SharePoint Foundation 2010 (mein Erster richtiger Versuch, "deep dive" in SharePoint), mit (unter anderem) eine benutzerdefinierte web-Teil; die Masterseite für die Website verwendet eine CSS-Datei durch den Kunden geliefert und auf die ich einhalten muss. Das Problem, das ich habe, ist, dass SharePoint, indem Sie mehrere SharePoint-spezifische CSS-Klassen, auf der web-Teil der HTML-Struktur, die im Konflikt mit der client-styling. Nach einigem Graben fand ich, dass die ms-WPBody Klasse und seinen verschiedenen element-Selektoren sind die hauptsächlichen übeltäter.

Konnte ich hinzufügen !important um alles in der client-Stylesheet, aber das ist verboten. Ich konnte fügen Sie einige sehr chaotisch styling in das Kind den Inhalt der web-Teil in einem Versuch, überschreiben Sie die SharePoint-styling, das ist der Kurs, den ich habe wurde die Verfolgung der spät, aber es wurde immer chaotisch. Oder ich könnte versuchen, entfernen der Klasse aus dem web-Teil, das bringt mich zu meiner Frage:

Wie kann ich diese entfernen oder sonst überschreiben die CSS-Klassennamen eingefügt in die HTML-Strukturierung für ein SharePoint-Webpart? Ich weiß nicht genug über das Innenleben der SharePoint-wissen, was hook, dies zu ändern, und mein google-fu ist nicht auf das Thema. CssClass auf die ASP.NET web-control-markup wird offensichtlich ignoriert, wahrscheinlich einige überbleibsel geerbt von WebControl.

Mir helfen StackOverflow! Du bist meine einzige Hoffnung!

Bearbeiten

Ich entschuldige mich für die nicht so dass es vorher klar, aber ich möchte behaupten, dass ich grok CSS und bin nicht auf der Suche nach Hilfe mit dem styling. Was ich wirklich Suche, ist, wie Sie die CSS-Klasse emittiert, die von SharePoint. Kann mir jemand helfen? Ich werde zu entfernen CSS Tags, da erscheint verwirrend Menschen. Diese Frage ist nicht wirklich über CSS, es geht um SharePoint.

InformationsquelleAutor Randolpho | 2010-10-19
  1. 3

    CSS hat, um den html-Code, der es verwendet wird, um - mit den generierten html-wie die produziert von SharePoint (oder standard asp.net webforms für diese Angelegenheit), ist es normalerweise viel einfacher zu ändern, die css. Wenn das hinzufügen wichtig ist nicht eine option, können Sie in der Regel tun Sie etwas mit spezifischeren Selektoren - also ein Stil definiert als "Tabelle " td" - überschreiben eines für "td", obwohl Sie tatsächlich wählen alle die gleichen Elemente. Mithilfe dieses Ansatzes können Sie rückgängig machen, alle bits des sharepoint-styling, sind causign Probleme.

    Wenn Sie wirklich wollen, ändern Sie die Klassen sharepoint setzt auf der Seite, verwenden Sie die jquery - zu tun versuchen, die server-Seite ist wirklich nicht etwas, was Sie wollen, in zu erhalten auf Ihre erste sharepoint-Projekt.

    • Ja, das überschreiben der Selektoren ist das, was ich vorhin als meine "sehr chaotisch styling" in "das Kind in den Inhalt der web-Teil". Ach, ich hoffe, das ist nicht meine einzige option. Sagte, dass... ein wenig J-quizzle zu löschen, die Klasse client-Seite nur könnte den trick tun. Danke für die Idee!
    • mit jquery zu ändern, eine Klasse, weil Sie nicht wollen, ändern Sie Ihre css ist wirklich eine schlechte Idee. Sie haben sich daran zu erinnern, dass jquery wird ausgeführt, nachdem das dom geladen ist, und daher wird die Seite Rendern eine Möglichkeit, und ändern Sie dann zu Rendern einen anderen Weg, alles zu tun, was der browser darstellen soll, natürlich. Sie sollten wirklich schauen, entweder wickeln Sie Ihre web-Teil oder mit mehr spezifische CSS. Eine Rohrzange kann verwendet werden, um einen Nagel in die Wand, aber ist es nicht viel mehr effecient mit dem hammer?
    • brinley: wie ich schon erwähnte, sind weitere spezifische CSS ist immer sehr chaotisch, weil meiner eher unique-Einschränkungen. Obwohl ich Stimme mit Ihnen im Prinzip, was ich wirklich tun müssen, ist entfernen Sie die Klasse. Ich ziehe es vor zu tun, die in SharePoint, aber niemand scheint zu wissen, was zu tun ist. JQuery ist eine Idee, lohnt ein Blick in ist, nicht etwas, was ich vielleicht unbedingt verfolgen.
    • Sind Sie auf der Suche zum entfernen der ms-wpbody Klasse nur für nur singular web-Teil oder die gesamte Website?
    • brinley: in Erster Linie nur für das web, Teile, die ich arbeite, aber ich bin völlig bereit, sich in eine Website-weite beheben.
    • eine site-weit, fix ist das laden der CSS-Datei nach dem Kern.css wird geladen. Die core.css wird geladen, zuletzt in der head-Datei von Ihrem master-Seite. In der css-Datei können Sie einfach überschreiben Sie die ms-wpbody mit dem, was Informationen, die Sie austauschen möchten, aus dem Kern.css. oder man könnte auch einfach schreiben der css-definition nach dem head-tag, wenn Sie nicht möchten, dass der code in der eigenen css-Datei. ich.e.. .ms-wpbody { background-color: purple; }

    InformationsquelleAutor Tom Clarkson
  2. 3

    Ich bin mir nicht sicher, ob ich Folgen, aber warum nicht wickeln Sie Ihre webpart in einem div-container, und dann wird Stil zu Ihrem Herzen s Inhalt:

    <style type="text/css">
.ms-WPBody {
background-color:red;
}

#myCustomCss p
{
    background-color:Blue;
}

</style>
<div class=ms-WPBody>
<div id=MyCustomCSS>
<p>Hello world</p>
</div>
</div>

    2007 hatten wir uns sorgen darüber machen, dass Ihr stylesheet benannt wurde Letzte alphabetisch, so dass es richtig angewandt worden. Präfix Ihre css-Datei mit dem z zu sehen, ob es hilft.

    Hier ist ein Referenz-Artikel über das Thema:
    http://singchan.com/2009/12/29/branding-sharepoint-2010-collaboration-sites-part-2-in-a-series/

    • Überschreiben der Standard-styles sind auch etwas, was ich versuche zu vermeiden, aber danke für die Antwort.
    • Der Punkt ist, wenn Sie mit DIV id (oder besser Klasse in Fall können Sie mehrere Webparts auf einer Seite) MyCustomCSS dann können Sie den Stil, um nur Ihre eigenen web-Teil mit "DIV.ms-WPBody DIV.myCustomCss P" - ein P innerhalb von DIV mit class myCustomCss im inneren DIV mit der Klasse ms-WPBody.
    • Ich entschuldige mich, ich dachte ich hätte erklärt, dass ich verstehe, dass mehr spezifische CSS ist eine Methode, die ich verwenden kann, das ist mein Aktueller Ansatz, aber es ist immer chaotisch. Meine Frage ist nicht "wie nutze ich CSS?", es ist "wie kann ich löschen Sie diese CSS-Klasse aus der HTML-emittiert, indem Sie SharePoint?"
    • OK, Gotcha! muss aber sagen, dass ich denke, dass das ändern der CSS-emittiert (entweder client-Seite jquery foo oder server-side-Adapter) klingt nach mehr Arbeit als übergeordneten css-Dateien. Viel Glück!
    InformationsquelleAutor Peter Walke
  3. 3

    Hier einige typische Web-Teil HTML:

    <div style=""
    allowexport="false"
    allowdelete="false"
    class="ms-WPBody ms-wpContentDivSpace"
    width="100%"
    id="WebPartctl00_m_g_d0420a1c_44b7_4009_81c9_2bbcf9b325e9"
    haspers="false"
    webpartid="d0420a1c-44b7-4009-81c9-2bbcf9b325e9">
    <div id="ctl00_m_g_d0420a1c_44b7_4009_81c9_2bbcf9b325e9">
        Web Part Content goes here...
    </div>
</div>

    Der trick ist, dass das Webpart selbst ist der innere DIV-Element (und alle seine Kinder). Das äußere DIV (das mit dem ms-WPBody Klasse) ist die WebPartZone. Diese Kontrolle ist versiegelt, aber Sie können schreiben, ein Adapter, machen die WebPartZone, aber Sie wollen. Die meisten der Beispiele sind für die Tabelle-weniger rendering, könnte man schreiben, dass hält die bestehende Struktur, sondern entfernt auch die Klassen.

    Mir, codieren alle, und registrieren Sie es anschließend in der compat.browser App_Browsers für die Web-Anwendung scheint wie overkill, so würde ich wahrscheinlich gehen mit jQuery (aber wenn Sie die Adapter, ich würde gerne sehen).

    • Diese definitiv gibt mir etwas weiter zu gehen, danke! Ich werde zurück sein mit den Ergebnissen, die bald...
    • Auch, WRT übertrieben... Ehrlich gesagt, an dieser Stelle, ich fühle mich wie ein neuer adapter ist weniger übertrieben als CSS-hacking, die, ich glaube, ich erwähnte, ist jetzt sehr chaotisch und noch nicht so Recht.
    InformationsquelleAutor Rich Bennema
  4. 1

    Oder einfach fügen Sie einen Inhalts-Editor-Webpart, und überschreiben die CSS-style-element in der HTML:

    <style type="text/css">
.ms-stylebox {
 border:o important;
}
</style>

    -- Frieden!

    InformationsquelleAutor Poodle
  5. 0

    wie sind Sie das laden der CSS-Datei? WENN Sie laden Sie es in einem Teil der Kopf Ihres master-Seite, oder durch eine benutzerdefinierte Einstellung.css, können Sie versuchen, laden Sie es außerhalb des Kopfes. Dies sollte dazu führen, dass es zu laden, nach Kern.css und daher erlauben Sie das überschreiben der standard-Klassen, wie gebraucht.

    • Überschreiben der Standard-styles sind auch etwas, was ich versuche zu vermeiden, aber danke für die Antwort.
    InformationsquelleAutor brian brinley
Schreibe einen Kommentar