עבודה עם רכיב Widget מסוג חלונית הניתנת לצמצום של Spry

רכיב Widget מסוג חלונית הניתנת לצמצום הוא חלונית היכולה לאחסן תוכן בשטח מצומצם. המשתמש מסתיר או מציג את התוכן המאוחסן בחלונית הניתנת לצמצום בלחיצה על כרטיסיית החלונית. הדוגמה הבאה מציגה רכיב Widget מסוג חלונית הניתנת לצמצום, כשהוא מורחב ומצומצם:

קוד HTML לרכיב Widget מסוג חלונית הניתנת לצמצום כולל תג div חיצוני הכולל תג div של התוכן ותג div של מכל הכרטיסייה. קוד HTML לרכיב Widget מסוג חלונית הניתנת לצמצום כולל גם תגי script בכותרת המסמך ולאחר סימן HTML של החלונית הניתנת לצמצום.

להסבר מקיף בנושא אופן הפעולה של רכיבי Widget מסוג חלונית הניתנת לצמצום, כולל ניתוח מפורט של הקוד של רכיב מסוג זה, ראה www.adobe.com/go/learn_dw_sprycollapsiblepanel_il.

הוספה ועריכה של רכיב Widget מסוג חלונית הניתנת לצמצום

הוספת רכיב Widget מסוג חלונית הניתנת לצמצום

פתיחה או סגירה של חלונית הניתנת לצמצום בתצוגת Design

הגדרת מצב ברירת המחדל לרכיב Widget מסוג חלונית הניתנת לצמצום

ניתן להגדיר את מצב ברירת המחדל (פתוח או סגור) לרכיב Widget מסוג חלונית הניתנת לצמצום כשדף האינטרנט נטען בדפדפן.

הפעלה או ביטול אנימציה ברכיב Widget מסוג חלונית הניתנת לצמצום

כברירת מחדל, כשמפעילים אנימציה לרכיב Widget מסוג חלונית הניתנת לצמצום, החלונית נפתחת ונסגרת בהדרגה ובאופן חלק כשמבקר באתר לוחץ על כרטיסיית החלונית. אם תבטל את האנימציה, החלונית הניתנת לצמצום נפתחת ונסגרת בבת אחת.

התאמה אישית של רכיב Widget מסוג חלונית הניתנת לצמצום

למרות שמפקח המאפיינים מאפשר לבצע פעולות עריכה פשוטות ברכיב Widget מסוג חלונית הניתנת לצמצום, הוא אינו תומך בסגנון עיצוב מותאם אישית. ניתן לשנות את כללי CSS של רכיב Widget מסוג חלונית הניתנת לצמצום וליצור חלונית הניתנת לצמצום המעוצבת בסגנון הרצוי.

לקבלת הפניה מהירה למידע על שינוי צבעים של רכיב Widget מסוג חלונית הניתנת לצמצום, ראה מדריך מהיר לעיצוב חלוניות עם כרטיסיות חלוניות, אקורדיונים וחלוניות הניתנות לצמצום של Spry מאת דיוויד פאוורס.

לרשימה מתקדמת של משימות סגנון, ראה www.adobe.com/go/learn_dw_sprycollapsiblepanel_custom_il.

כל כללי CSS בנושאים הבאים מתייחסים לכללי ברירת המחדל המאוחסנים בקובץ SpryCollapsiblePanel.css. Dreamweaver שומר את הקובץ SpryCollapsiblePanel.css בתיקייה SpryAssets באתר כל פעם שאתה יוצר רכיב Widget של Spry מסוג חלונית הניתנת לצמצום. קובץ זה גם כולל הערות שימושיות לגבי סגנונות שונים החלים על הרכיב.

סגנון טקסט של רכיב Widget מסוג חלונית הניתנת לצמצום

ניתן לעצב סגנון טקסט של רכיב Widget מסוג חלונית הניתנת לצמצום בעזרת הגדרת מאפיינים לכל המכל של רכיבי Widget מסוג חלונית הניתנת לצמצום, או הגדרת מאפיינים לרכיבי Widget בנפרד.

שינוי צבעי רקע של רכיב Widget מסוג חלונית הניתנת לצמצום

הגבלת הרוחב של חלונית הניתנת לצמצום

כברירת מחדל, רכיב Widget מסוג חלונית הניתנת לצמצום ממלא את השטח הזמין. אך ניתן להגביל את הרוחב של רכיב Widget מסוג חלונית הניתנת לצמצום בעזרת הגדרת מאפיין רוחב למכל החלונית הניתנת לצמצום.