OVH Cloud OVH Cloud

Web part et .css ?

5 réponses
Avatar
Nico
Bonjour,
j'aimerai savoir s'il et possible d'appliquer une feuille de style propre à
une webpart :

Voici un exemple :

1/ J'ai une première webpart présentant des infos sous la forme d'un
tableau. J'aimerai appliquer une feuille de style précise à cette webpart me
permettant d'obtenir les fonds de cellule en bleu et le texte en blanc

2/ J'ai une deuxième webpart présentant elle aussi des infos sous la forme
d'un tableau. Pour cette webpart j'aimerai appliquer une autre feuille de
style : fond de cellule blanc et texte en bleu

En gros, est-il possible que chaque web part d'un site puisse avoir sa
propre feuille de style ? Si oui, pouvez vous me dire comment ?

Merci de votre aide...

5 réponses

Avatar
AnthonyB
Bonjour,

Tu peux utiliser l'attribut CssClass des contrôles ajoutés dans ton WebPart
ou ajouter une propriété personnalisée dans la ToolPart de ton Web part pour
pouvoir créer à la volée un objet WebControls.Style qui sera appliquée via la
méthode ApplyStyle sur le contrôle voulu.

AnthonyB

"Nico" a écrit :

Bonjour,
j'aimerai savoir s'il et possible d'appliquer une feuille de style propre à
une webpart :

Voici un exemple :

1/ J'ai une première webpart présentant des infos sous la forme d'un
tableau. J'aimerai appliquer une feuille de style précise à cette webpart me
permettant d'obtenir les fonds de cellule en bleu et le texte en blanc

2/ J'ai une deuxième webpart présentant elle aussi des infos sous la forme
d'un tableau. Pour cette webpart j'aimerai appliquer une autre feuille de
style : fond de cellule blanc et texte en bleu

En gros, est-il possible que chaque web part d'un site puisse avoir sa
propre feuille de style ? Si oui, pouvez vous me dire comment ?

Merci de votre aide...




Avatar
Nico
Merci Anthony,
donc si je comprends bien en faisant ainsi on impose de nouveaux style par
dessus les feuilles de style du thème utilisé ?

Mais alors, quel est l'ordre de prise en compte prioritaire dans la
restitution des pages entre les feuilles de style des thèmes, les feuilles de
style OWS.css et SPS.css ?

merci d'avance de ta réponse...
Avatar
Oui, exactement, c'est le principe de la cascade : le dernier style chargé
gagne !

Une doc MSDN précise l'ordre :

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/odc_SP2003_ta/html/Office_SharePointHowToApplyBrand.asp
"The portal site now renders HTML elements based on the following order of
cascading style sheets:

1.. OWS.CSS (Windows SharePoint Services style sheet)
2.. SPS.CSS (SharePoint Portal Server style sheet)
3.. <custom stylesheet>.CSS "
C'est donc la réponse à ta question
TS



"Nico" a écrit dans le message de news:

Merci Anthony,
donc si je comprends bien en faisant ainsi on impose de nouveaux style par
dessus les feuilles de style du thème utilisé ?

Mais alors, quel est l'ordre de prise en compte prioritaire dans la
restitution des pages entre les feuilles de style des thèmes, les feuilles


de
style OWS.css et SPS.css ?

merci d'avance de ta réponse...


Avatar
Nico
Ok, merci pour ces réponses,

voici une autre question :
dans SPS je peux appliquer un .css précise à une webpart en modifiant le
fichier OWS.css en y rajoutant le style voulu...

Mais dans WSS quel est le fichier que je dois modifier pour cela ?

Merci de votre aide
Avatar
(a premiere vue, j'aurai plutot dit sps.css pour SPS et OWS.css pour WSS...)

Personnellement, je ne modifierai pas les fichiers de Sharepoint, mais
j'utiliserai plutot mon propre CSS. (en cas d'application de service pack ou
de correctif MS, les customisations seraient perdues...)
Comme indiqué précédemment, les css custom sont appliqués les derniers, (cad
apres OWS.css) donc il suffit d'utiliser les mêmes noms de classes dans ton
custom css...

TS


"Nico" a écrit dans le message de news:

Ok, merci pour ces réponses,

voici une autre question :
dans SPS je peux appliquer un .css précise à une webpart en modifiant le
fichier OWS.css en y rajoutant le style voulu...

Mais dans WSS quel est le fichier que je dois modifier pour cela ?

Merci de votre aide