Calendar Heading Changes

strawberry 3.141

{
  module: "calendar",
  position: "top_right",
  header: "Johns Stuff",
  config: {
    ...
  }
},
{
  module: "calendar",
  position: "top_right",
  header: "Janes Stuff",
  config: {
    ...
  }
},

ooom416354

@strawberry-3.141 this is what I initially proposed as well but wouldn’t that just list each calendar separately?

He wanted to combine all calendars into one list of dates but have a custom heading instead of just the default “Calendar”

Like in your example he wants to see
Janes_Stuff in pink
Johns_Stuff in blue,
Then both Jane and John’s calendar entries combined as one calendar below

onetwankyfive

This post is deleted!

onetwankyfive

couldn’t you use different font awesome symbols when you put the calendar in the config

ooom416354

@onetwankyfive I could but the idea is having some sort of legend as well. So you have the color coded symbols next to the events in the list but there is no way to tell who’s color is who’s (and with a bunch of really little kids, color is important)

broberg

@ooom416354 if all names will be listed over ONE combined calendar you could just add it as static text.

ooom416354

@broberg said in Calendar Heading Changes:

@ooom416354 if all names will be listed over ONE combined calendar you could just add it as static text.

Yep exactly, that would be the idea. Where would that static text be added, would it be in the config.js or would I have to create something for the custom.css?

strawberry 3.141

@ooom416354 you could use the helloworld module for it

ooom416354

@strawberry-3.141 so add the hello world module under the clock in the config.js and code it up to add the color coded “legend”, right?

strawberry 3.141

@ooom416354 put it right above the calendar module in the config with the same position

{
        module: 'helloworld',
        position: 'top_left',
        config: {
            text: '<div>John</div><div>Jane</div>'
        }
    }

EDIT it wont let me do adding styling add style=“color: blue;” for John example behind the open div tag