Associare uno StyleSheet a un controllo personalizzato.

domenica 07 ottobre 2007 - 17.05

hkproj Profilo | Newbie

Ciao a tutti, avvrei un piccolo problema, cioè io non riesco a da associare un file .css ad un controllo utente personalizzato(ASP.NET User Control, i file .ascx). Ho provato con il tag "link", ma niente. Come posso fare?
Grazie mille.
nothing is impossible, I am nothing!

alx_81 Profilo | Guru

>Ciao a tutti,
ciao!

>avvrei un piccolo problema, cioè io non riesco
>a da associare un file .css ad un controllo utente personalizzato(ASP.NET
>User Control, i file .ascx). Ho provato con il tag "link", ma
>niente. Come posso fare?
Il link devi metterlo nella pagina che richiama il controllo..
Se vuoi provare a postare il codice gli diamo un'occhiata..

>Grazie mille.
di nulla!

Alx81 =)

http://blogs.dotnethell.it/suxstellino

freeteo Profilo | Guru

ciao,
il css è associato a livello di pagina o cmq di theme dell'applicazione web.
Percio' la cosa piu' semplice è racchiudere il tuo controllo dentro ad un div con class="tuocontrollo".
Dopodiche' nel css metti gli stili a tutti i componenti/classi che hai e di cui vuoi modificarne l'aspetto, magari in questo modo:

.tuocontrollo div { padding:...
.tuocontrollo .classe { ....
.tuocontrollo a { color:red...


e via via vai a settarti quello che ti interessa (l'ultimo è proprio il tag per i link).

Altrimenti, cosa sempre possibile ma che non mi piace tanto, è mettere lo style nei vari tag:
<div style="background:...
ma penso che questa soluzione tu l'abbia gia' scartata a priori
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

hkproj Profilo | Newbie

Il problema è che io ho aggiunto un tema al progetto, lo ho associato alla pagina interessata. Ecco il codice della pagina:
Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra
Poi ho aggiunto il codice per aggiungereil codice LeftBar alla pagina:
<Comp:LeftBar ID="leftBar" EnableTheming="true" runat="server" Visible="true" />
Il contenuto del file .css del tema "Classic" è:
.menuHeader { background-color: #0093ff; color: #ffffff; font-size: 12px; font-weight: bold; padding: 4px; text-align: left; width: 180px; }
E il contenuto della LeftBar è:
Il codice sorgente non è stato renderizzato qui
perchè non c'è sufficiente spazio.
Clicca qui per visualizzarlo in una nuova finestra

Perfavore aiutatemi. Grazie!
nothing is impossible, I am nothing!

freeteo Profilo | Guru

ciao,
la proprieta' cssclass degli oggetti va assegnato il nome della classe, che nel foglio di stile è il valore senza il punto, il punto identifica proprio che si tratta di "classe" e non di "id" dove invece si antepone il "#".

Nel tuo panel metti quindi: cssclass="menuHeader" senza il punto.
ciao.

Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo

hkproj Profilo | Newbie

Ragazzi grazie di tutto. Tutte le risposte erano corrette e mi hanno aiutato tutte e tre (ma proprio tutte!).
Scusate ma con il web programming sono messo un po male, preferisco il desktop!
nothing is impossible, I am nothing!
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2025
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5