ב- JetEngie יש לנו אפשרות לבנות לוח שנה דינאמי, אחד הדברים שחסרים שם זה שבמובייל, הטריגר שמציג אירוע באותו יום הוא קוביה של צבע שאנחנו וחברים אך אין אפשרות להציג אייקון בנוסף ולכן זה נראה לא טוב מבחינת ממשק המשתמש.
בעזרת CSS אפשר להוסיף אייקון לטריגר בלוח השנה בגירסת המובייל ובכך נוכל להציג אירועים בצורה יותר טובה למשתמש.
את שורת הקוד הבאה יש להוסיף במתקדם CSSבווידג'ט לוח שנה של ג'ט,
שימו לב שתצטרכו לשנות את הקישור לאייקון (בשורה 10) שיהיה אייקון שנמצא באתר שלכם.
selector .jet-calendar-week__day-mobile-trigger{
position: relative;
}
selector .jet-calendar-week__day-mobile-trigger::before{
content: "";
display: block;
width: 30px;
height: 30px;
background-image: url(httpw://www.yoursite.com/icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 48%;
left: 50%;
transform: translate(-50%, -50%);
}