Discussion :

[Invité]

Salut,

J'aimerais savoir comment faire pour ajouter une feuille de style dynamiquement.
J'ai essayé le code suivant mais cela ne marche pas.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            this.StyleSheetTheme = "styles/default/gerance.css";
        }
    }

Cela me genère l'erreur suivante :

La propriété styleSheetTheme ne peut pas être définie; remplacer la propriété à la place.

Donc je pense que la propriété StyleSheetTheme est en lecture seule.
Je pense qu'il y a une autre méthode pour charger dynamiquement une feuille de style.

Merci de votre reponse.

[Invité]

Je viens de vérifier sur msdn que la propriété StyleSheetTheme n'est pas en lecture seules seulement. On peut définir une valeur pour cette propriété.

Quelqu'un peut-il m'aider svp.

[Pongten]

La propriété StyleSheetTheme fonctionne d'une façon un peu spéciale.

En fait, pour changer de css dynamiquement, tu dois utiliser les thèmes.

Pour cela, tu crées le répertoire App_Themes dans le répertoire de ton application, tu y ajoute un répertoire par thème (par exemple, Test), et dans les répertoires, tu ajoutes ta feuille de style (par exemple test.css).

Ensuite, dans ta page, tu surcharges la propriété StyleSheetTheme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 
public override string StyleSheetTheme
    {
        get
        {
            return "Test";
        }        
    }

Où Test est le nom du thème contenant la css que tu veux appliquer...

A toi de modifier légèrement la logique de code ci-dessus pour que cela corresponde à ce que tu cherches.

[ALCINA]

perso je n'utilise pas App_Theme !

dans ma master page je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Page.Header.Controls.Add(new LiteralControl("<link rel=\"stylesheet\" type=\"text/css\" href=\"" + Helpers.GetApplicationPath(this.Page) + "Themes/" + this.Page.Theme + "/CSS/Screen.css\" title=\"Default\" media=\"screen\" />"));

tu peux remplacer Screen par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

CurrentPage.Request.AppRelativeCurrentExecutionFilePath

pour ajouter que la css de ta page en cours pour éviter d'avoir des effet de bord d'une page à l'autre !

ou mettre dans Screen les style commun et dans AppRelativeCurrentExecutionFilePath que les style particulier à ta page.



j'espère que ça pourra te servir !

[Invité]

Puis je savoir l'utilité de this.Page.Theme dans le LitteralControl svp.

[Invité]

Bon problème résolu j'ai utilisé la méthode proposé par ALCINA mais avec une touche de simplicité. Puisque c'est rare de voir une feuille de style changer de dossier, alors je ne pense que la recherche du dossier où se trouve la feuille de style soit indispensable. Il faut noter aussi que la méthode de PongTen marche mais quand il y a plus simple mieux vaut la prendre.

Voici le code que j'ai utilisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            Page.Header.Controls.Add(new LiteralControl("<link href=\"styles/default/assistance.css\" rel=\"stylesheet\" type=\"text/css\" />"));
        }
    }