traingenerator icon indicating copy to clipboard operation
traingenerator copied to clipboard

Custom HTML in DayConfig subTitle

Open LufoX11 opened this issue 7 years ago • 7 comments

Hi again!

Is it possible to add custom HTML in DayConfig.subTitle? I need this to be able to add custom characters/icons in calendar days.

Example:

days.forEach(v => {
    this.calendar.options.daysConfig.push({
        date: moment(v.date).toDate(),
        marked: true,
        subTitle: `<div class="icon-${v.icon}"></div>`
    })
});

The result I'm getting now is: screenshot

Thanks!

LufoX11 avatar Dec 19 '17 22:12 LufoX11

not support, you can use pseudo-element

hsuanxyz avatar Dec 25 '17 05:12 hsuanxyz

I also need this feature. I would like to show 3 different dots each different color.

yigitbacakoglu avatar Mar 09 '18 12:03 yigitbacakoglu

+1

tbweb avatar Mar 19 '18 23:03 tbweb

+1

gioid avatar Mar 21 '18 19:03 gioid

you must point to the class

app.css ion-calendar button.days-btn. { p { color: #EA9FA5; } }

.ts

daysWeekend.push({ date: new Date(_date), cssClass: 'my-day' })

cbracamonte avatar Jun 20 '18 14:06 cbracamonte

I need to use some of the ionic icons instead of the text.

renanbrando avatar Jan 29 '19 14:01 renanbrando

Was this ever figured out? I need icons as well

cdubs44 avatar Jan 08 '22 21:01 cdubs44