Question

UI Calendar Customization

Hi everyone,

I have question about customize UI for calendar, i try to customize button daily, today, weekly and monthly using style sheet but it doesn't take any effect.

Where i should configure the button style for calendar ?

Thank you very much

***Edited by Moderator: Lochan to add SR tag***

Group Tags

Comments

Keep up to date on this post and subscribe to comments

Pega
September 24, 2019 - 4:45am

Hi,

Do inspect using developer tool to check whether style sheet "pzviewcalenderbackup" is getting effect or not and share the traced content.

September 24, 2019 - 6:14am

Can you please refer to the below video and similarly check from which files these styles are coming up? 

https://community.pega.com/video-library/how-troubleshoot-when-application-skin-not-picked

And then do a private edit, modify css and check. 

September 24, 2019 - 6:56am

@ramau i'm try to inspect element and get the location for css file it called.

here i give the attchment file.

@Rachit_Agarwal Thanks for the video, i try to inpect element and get the css from that.

 

September 24, 2019 - 7:26am
Response to BachtiarL

Is it pzCalenderview CSS file. Can you try to do a Private Edit, make modifications and check the behaviour.

October 1, 2019 - 4:02am
Response to Rachit_Agarwal

I'm was tried to manipulate the html class with the javascript but the javascript can't be call.

Here is my example of my javascript:

  1. document.getElementById("Day").addEventListener("click", function(){
  2. document.getElementById("Day").className = "buttonTdButton dayEventClass active_but";
  3. document.getElementById("Week").className = "buttonTdButton";
  4. document.getElementById("Month").className = "buttonTdButton";
  5. console.log("Get Day Javascript");
  6. };

My goal is to manipulate the javacript so the css class can be call.