A Web Slice-al foglalkozó sorozatunk előző két részében megismert fejlesztési mintákkal létrehozott Web Slice-ok testreszabhatóságának sajnos vannak korlátjai. Ezekben a web szeletekben nem használhatunk scripteket (pl.: JavaScriptet), illetve ActiveX kontrolokat sem. Nem esett szó továbbá eddig a Web Slice-ok dizájnolhatóságáról sem. A standard valamint az Alternative Update Source módszerekkel készített web szeletek esetén ez utóbbi téren is kompromisszumok kötésére kényszerülünk. Az Alternative Display Source minta azonban az összes imént említett problémára kínál valamilyen alternatív megoldást.

Első lépések

Próbáljuk meg az előző két demóban létrehozott web szeleteket testre szabni. Legyen pl.: az oldalon megjelenő szöveg színe kék. Ezt a „hslice” class értékű div, vagy annak valamely gyermek elemében (de ne az entry-content részen belül!) inline definiálva tegyük meg. Pl.:

   1: <div class="hslice" id="hirek-update" style="color: Blue;">

   2: …

   3: div>

Adjuk hozzá a módosított oldalon a „Kedvencek sávhoz” ismételten a Web Slice-unkat, és figyeljük meg, hogy a megjelenő preview window-ban mit tapasztalunk.

Jó Tudni

A minta lényege, hogy a Web Slice entry-content része nem egy részlet az oldalból, hanem önmagában is egy külön weboldal, így ezen a fájlon belül már elhagyhatjuk az összes Web Slice létrehozásakor használt speciális jelzőt. Mivel tehát a web szelet önmagában egy teljesen általunk definiált oldal, ezért az abban elhelyezett hivatkozások target tulajdonságának feltétlenül a „_blank”értéket adjuk meg, különben a linkekre kattintva továbbra is a preview window-ban maradunk.

Demó

Ebben a videóban először beszélünk a web slice-ok testreszabhatóságáról, valamint az Alternative Display Source minta segítségével készítünk egy olyan Web Slice-ot, amelyen keresztül demonstráljuk a minta előnyeit, pl.: a JavaScript használatát is.

További információk:

Subscribing to Content with Web Slices – Alternative Display Source