CollapsiblePanelExtender e z-index

giovedì 29 novembre 2012 - 17.56
Tag Elenco Tags  C#  |  .NET 4.0

ale_fi Profilo | Newbie

Salve ragazzi, apro contemporaneamente un altro post su tutt'altro problema.
Utilizzo uno CollapsiblePanelExtender che è agganciato ad un pannello.
L'obiettivo sarebbe che il pannello, quando scrolla verso il basso, non faccia scendere un DIV sottostante ma rimanesse in primo piano.
Ho provato, nel CSS, a utilizzare la position:absolute e mettere lo z-index a 2 al pannello e 1 al DIV ma niente, mi scrolla tutto verso il basso.
Cosa sto sbagliando?
Qualcuno mi può aiutare?

Gluck74 Profilo | Guru

ciao,
lo zindex ti serve per determinare chi sta sopra chi, ma non SE sta sopra o no.

Ora bisognerebbe vedere il codice del collapsablePanel per vedere come funziona.......
Se non ricordo male, va a modificare solo l'altezza/larghezza del div

Comunque, per fare quello che vuoi fare tu, forse devi giocare con questi attributi css:
display, float.

display potresti provare a metterlo inline, per evitare appunto che spinga altri pannelli verso il basso
float puoi provare a metterlo right, per evitare che il pannello occupi dello spazio nella pagina


____________
http://glucolo.wordpress.com
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.

ale_fi Profilo | Newbie

No, avevo fatto anche queste prove ma niente.
In pratica l'extender è questo:

<asp:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" runat="server"
TargetControlID="pannello_nascosto" CollapsedSize="0" ExpandedSize="350" Collapsed="true"
ExpandControlID="bottone" CollapseControlID="bottone" AutoCollapse="false" AutoExpand="false" >
</asp:CollapsiblePanelExtender>

quando premo su "bottone" appare il pannello che in partenza è nascosto.
E fin qui ok.
Subito sotto ho provato a mettere un DIV con dentro un ASP:Panel.

<div id="classe_div">
<asp:Panel ID="pnlGriglia" runat="server" CssClass="esempio" />
</div>

il CSS è :

#classe_div
{
position:fixed;
display:inline;
float:right;
}

semplicissimo. Il problema è che anche qua mi sposta verso il basso tutto il DIV.
Particolarità : in fondo alla pagina c'è un'immagine. Ecco, il DIV mi va sopra anche quella. L'unica differenza è che il tutto sta dentro una pagina ASPX, mentre il footer della pagina sta nella master.

Gluck74 Profilo | Guru

tu hai provato a modificare il css del div che sta sotto,
io intendevo di modificare il css del pannello che si espande.

____________
http://glucolo.wordpress.com
Ricordati di utilizzare il tasto "Accetta" se i nostri consigli ti sono serviti a risolvere il problema.
È il modo per ringraziare chi ti ha aiutato.
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-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5