By alvijevents on Monday, 04 January 2021
Replies 8
Likes 0
Views 0.9K
Votes 0
Hi,
I am new to Jevents.
I selected Flat Calender.
Created categories and events.
Selected different colors for each category.

When I go to the main calender .
It shows the events, but does not place a color for each category.

If I choose a different theme it does show the color scheme.

How can we select to show the category colors?

Thanks

Alvi
Hello Alvi,

It is dependent on the theme natively. but you can use the JEvents Custom Layouts builder to set a category color on the calendar cell with some custom css :-)

Many thanks
Tony
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony,
Thanks for your reply.
Currently the Custom layout has this:
<div class="eventfull">
<div class="eventstyle"
style="border-left-color:{{Event background color:COLOUR}};border-bottom-color:{{Event background color:COLOUR}};">
<span class="editlinktip hasjevtip" title="{{Tooltip title:TOOLTIPTITLE}}"
data-content="{{Tooltip content:TOOLTIPCONTENT}}">
<a class="cal_titlelink" href="{{Link:LINK}}">{{Event Time:EVTTIME}} {{Title:TITLE}}</a>
</span>
</div>
</div>

From what I can see it says border left color. but it does not show it on the Calender (Flat) yes on others.

Please let me know.

Thanks

Alvi
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony,
Please see both screen captures.
Flat and Geraint.

In Geraint the Categories are in colors.
In Flat no border color shown.

Thanks

Alvi
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Can we get a link?

Many thanks
Tony
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Tony,
Any help with this?
Thanks
Alvi
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello,

Have you enable the JEvents Calendar Cell custom layout? If so change:


border-left-color:
border-bottom-color:


to


border-left: 2px solid
border-bottom: 1px solid


within the custom layout editor.

Many thanks
Tony
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Tony !!!! cheers
·
4 years ago
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post