הקדמה
במסגרת שדרוג פטל האחרון נוסף רכיב WidgetHub 
המכיל בתוכו תבניות עיצוב וארגון שונות.
בתדריך זה נדגים את המרכיבים העיקריים ברכיב.
Responsive Columns
יישום זה מחלק את הדף לשני חלקים ומאפשר למשתמש להגדיר את יחס הגודל בינהם.
על מנת להפעיל יישום זה נכנס לwidgethub ונבחר:
האחוז המוצג מייצג את גודל החלק הימני של המסך.
Collapsible Bootstarp
הרכיב Collapsible (נקרא גם Collapse או אקורדיון) מאפשר להסתיר ולהציג תוכן לפי צורך.
במקום להעמיס את המסך במידע, אנחנו מציגים רק כותרת/כפתור, ורק בלחיצה המשתמש נחשף לפרטים נוספים.
לאחר הכניסה לתפריט widgetHub נבחר בתבנית collapsible
במסך זה ניתן לבחור:
1. כמה ראשי פרקים יווצרו
2. להגדיר האם אפשר לפתוח כמה ראשי פרקים יחד (כפתור Independent collapsibles)
3. להתרשם מתצוגה מקדימה
CARDS
רכיב זה מאפשר לארגן את התוכן בכרטיסיות מקבילות ובעלות מסגרת.
כל כרטיסיה מורכבת מ3 חלקים:
חלק עליון- מיועד לתמונה
חלק אמצעי- מיועד לתוכן
חלק תחתון- מיועד להערות ותוכן נוסף
החלק העליון והתחתון ניתנים להסרה
על מנת להפעיל יישום זה נכנס לwidgethub ונבחר:
ניתן להגדיר את כמות הכרטיסיות הרצויה
Popover
רכיב זה מאפשר ליצור טקסט ומעליו בועית מידע הנפתחת בלחיצה על הטקסט.
לאחר הכניסה לתפריט widgetHub נבחר בתבנית popover
בשדה word- נכתוב את הטקסט הבסיס עליו יהיה אפשר ללחוץ
בשדה content of popover- נכתוב את הטקסט אשר יופיע לאחר לחיצה על טקסט הבסיס.
Tab Menu
רכיב זה מאפשר לייצר הפרדה בין תכנים שונים באותו מקום בעזרת לשוניות שונות.
לאחר הכניסה לתפריט widgetHub נבחר בתבנית tab menu
נגדיר את מספר הלשוניות הרצוי:
Bootstarp Table
רכיב זה הוא המלצת המערכת לשימוש בטבלה.
לאחר הכניסה לתפריט widgetHub נבחר בתבנית bootstrap table
נגדיר את מימדי הטבלה ומאפייניה
ניתן לשלוט במספר העמודות והשורות
להוסיף שורת כותרת ו/או שורת סיכום
להוסיף תיאור לטבלה ועוד…
סיכום
רכיב widgethub מכיל מגוון רחב של אפשרויות ארגון ועיצוב.
בתדריך זה פרטנו את האפשרויות השימושיות ביותר.
אנו מזמינים אתכם.ן להתנסות ולשלב אותן בתכנים שלכם.ן
בהצלחה!