di .NET e di altre Amenità

rss feed 

Silverlight: Overlay di HTML

Durante il percorso formativo su Silverlight, che si è concluso poco prima di Natale ho mostrato come mettere in overlay degli elementi HTML su scene di Silverlight. Anche grazie all'uso del PopupExtender, del ModalPopupExtender e dell AlwaysVisibleExtender è molto semplice creare questi overlay che aiutano a risolvere ad esempio problematiche di input testuale e comunque qualora ci sia la necessità di sfruttare HTML e Silverlight assieme.

Durante il percorso ho omesso di specificare una cosa molto importante di questa tecnica, che forse è sfuggita all'attenzione date le caratteristisce della scena che ho usato per le demo. Infatti perchè gli elementi HTML riescano a sovrapporsi alle scene di Silverlight è indispensabile che il plugin sia istanziato in modalità "windowless" specificando l'apposito attributo nel momento in cui lo si inserisce nella pagina. Una regola importante è che gli elementi inseriti nel browser si suddividono in "windowed" e "windowless". Questi ultimi rispettano alla perfezione il valore dello style z-index, mentre così non è per gli altri. Un esempio è il controllo DropDownList che è un elemento di tipo "windowed" e molti sapranno le difficoltà che crea nella sovrapposizione ad altri elementi HTML.

I controlli ActiveX (e il plugin di Silverlight è uno di essi) sono di default elementi di tipo "windowed" e quindi hanno la tendenza a sopravanzare tutti gli elementi "windowless" come ad esempio i DIV che tipicamente si usano per gli overlay. Ecco spiegato perchè occorra specificare la modalità "windowless" per il plugin che riconduce il tutto al rispetto dello z-index.

Edit
---

Comment so far

Feedback

No comments posted yet.
Title  
Name  
Email
Url
Comment   
Please add 2 and 4 and type the answer here: