Labels calendar datapage

[thisisme]

Is it possible to change the label of weekdays and month names on the calendar datapage? thank you in advance!

[autonumber]

Hello!! You can achieve this using JS. Add Header/Footer on your DataPage and paste this code below:

<script>
document.addEventListener('DataPageReady', function (event) {

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[0].innerText = "MON";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[1].innerText = "TUE";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[2].innerText = "WED";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[3].innerText = "THU";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[4].innerText = "FRI";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[5].innerText = "SAT";

document.getElementsByClassName("cbResultSetCalendarHeaderCell")[6].innerText = "SUN";

});
</script>

The text may be changed according to your preference.

 

[Meekeee]

Hi @autonumber - thanks for this! For the month above the weekdays, you can use a JS that will check the content and if found then it will change the label.

For example:

var month= document.querySelector("li[class*='cbResultSetCalendarCaption']").textContent;

if (month.indexOf("février") >= 0){

document.querySelector("li[class*='cbResultSetCalendarCaption']").textContent = "Febuero";

}

else if (month.indexOf("mars") >= 0){

document.querySelector("li[class*='cbResultSetCalendarCaption']").textContent = "Mar";

}

Hope it helps!

[Queso]

Hi,

Just to add something, one of their support provided me this Caspio HowTo link that tackles information about Caspio Calendar DataPage: https://howto.caspio.com/datapages/calendars/calendars/

I combined it with their tutorial on how to create date-specific new record links in Calendar DataPages, which really fit the requirements of my dream web application: https://howto.caspio.com/tech-tips-and-articles/common-customizations/how-to-create-date-specific-new-record-links-in-calendar-datapages/