Aufschalten Sharepoint CSS Klassennamen in einem webpart

Question

Ich habe in diesem und scheiterte für eine befriedigende Antwort hoch und niedrig gesucht. Ich hoffe, dass Stackoverflow kann für mich liefern!

Ich bin mit Sharepoint Foundation 2010 (meinem ersten richtigen Versuch, tiefen Einblick in Sharepoint), mit (unter anderem) einem benutzerdefinierten Web-Teil; die Masterseite für die Website verwendet eine CSS-Datei vom Client geliefert und auf die ich mich halten muss. Das Problem, das ich habe ist, dass Sharepoint, durch Zugabe von mehreren Sharepoint-spezifischen CSS-Klassen an die Web-Teil HTML-Struktur wird mit der Client-Styling in Konflikt. Nach einigem Graben, habe ich, dass die ms-WPBody Klasse und ihre verschiedenen Element Selektoren die Hauptschuldigen sind gefunden.

kann ich !important, um alles in dem Client-Stylesheet hinzufügen, aber das ist verboten. Ich konnte einige sehr unordentlich Styling in das Kind Inhalt des Webparts in einem Versuch, legen Sie die Sharepoint-Styling außer Kraft zu setzen, die der Kurs Ich habe in der letzten Zeit verfolgt, aber sie wird immer chaotisch. Oder könnte ich versuchen, die Klasse aus dem Stegteil zu entfernen, die mich auf meine Frage bringt:

Wie kann ich entfernen oder auf andere Weise der CSS-Klassennamen in die HTML-Strukturierung für ein Sharepoint-Webpart eingefügt außer Kraft setzen? Ich weiß nicht genug von den inneren Funktionen von Sharepoint zu wissen, was diese Änderung vorzunehmen, Haken, und mein Google-Fu ist zu diesem Thema scheitern. CssClass auf der ASP.NET Web Control Markup wird offensichtlich ignoriert, wahrscheinlich einige Überbleibsel aus WebControl geerbt.

Help me Stackoverflow! Du bist meine einzige Hoffnung!

Bearbeiten
Ich entschuldige mich für nicht macht es vor klar, aber ich würde in dem Zustand, dass ich CSS grok und auf der Suche bin nicht für die Hilfe bei Styling. Was ich wirklich suchen, ist, wie die CSS-Klasse von Sharepoint emittiert zu entfernen. Kann mir jemand helfen da? Ich werde die CSS-Tag zu entfernen, da das angezeigt Menschen verwirrend werden. Diese Frage ist nicht wirklich über CSS, es geht um Sharepoint.

Answer 1

CSS hat die HTML übereinstimmen, dass es angewendet wird - das mit generierten HTML wie von Sharepoint erzeugt (oder Standard asp.net Webforms was das betrifft) es in der Regel weit einfacher ist die CSS zu ändern. Wenn wichtige Zugabe keine Option ist, können Sie in der Regel etwas tun spezifischeren Selektoren - dh eine Art definiert als „Tabelle td“ wird eine für „td“ außer Kraft setzen, obwohl sie eigentlich alle die gleichen Elemente auswählen. Sie können diesen Ansatz verwenden, um alle Bits von Sharepoint-Styling rückgängig zu machen, die causign Probleme sind.

Wenn Sie wirklich die Klassen Sharepoint setzt auf der Seite ändern möchten, verwenden Sie Jquery - versucht, diese Server-Seite zu tun ist wirklich nicht etwas, das Sie in Ihren ersten Sharepoint-Projekt erhalten möchten

.

Answer 2

Ich bin nicht sicher, folge ich, aber warum nicht wickeln Sie Ihre webpart in einem div-Containern und dann Stil zu Inhalt Ihres Herzens:

<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>

Im Jahr 2007 mussten wir Sorge darum, dass Ihr Sheet letzten alphabetisch benannt wurde, so dass es richtig angewandt wurde. Präfix Ihre CSS-Datei mit z, um 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/

Answer 3

Hier einige typische Web Part 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 besteht darin, dass das Webpart selbst ist die innere DIV (und alle seine Kinder). Die äußere DIV (die mit der MS-WPBody Klasse) ist der Beispiele für tabellen weniger Rendering sind, könnten Sie ein schreiben , das hält die bestehende Struktur, sondern entfernt die Klassen.

Für mich Codierung all das und dann in dem compat.browser von App_Browsers für die Web Application Registrierung scheint übertrieben, so dass ich wahrscheinlich mit jQuery gehen würde (aber wenn Sie den Adapter tun, ich würde sehen, liebe it).

Answer 4

oder fügen Sie einfach eine Content-Editor-Webpart und das CSS-Stilelement im HTML außer Kraft setzen:

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

- Frieden

Answer 5

Wie laden Sie Ihre CSS-Datei? Wenn Sie es in einem Teil des Kopfes von der Masterseite geladen werden, oder durch nur eine custom.css einstellen, können Sie versuchen, es außerhalb des Kopfes zu laden. Dies sollte dazu führen, dass nach core.css zu laden und somit können Sie die Standardklassen außer Kraft zu setzen, wie gebraucht.