Changing the text on the Navigation Header Scheduler MVC telerik

[K.Ramadan]

Hi, everyone,
I'm trying to change the text of ( Today, Day, TimeLine, TimeLineWeek, Month, Agenda, . . . . ).

Thanks in Advance
I'll drop a picture here to be more specific about what I want to know.

[Veselin Tsvetanov]

Hi,

As per the titles of the views, those could be configured within the Views() configuration of the Scheduler:

.Views(views =>
{
	views.DayView(d => d.Title("Changed"));
...

The Today text, on the other hand, should be altered in the Messages() configuration of the widget:

.Messages(m => m.Today("Custom today"))

Regards,
Veselin Tsvetanov
Progress Telerik

[K.Ramadan]

Hi,

you are a goldmine my friend .. your post was clear as the sun ..

Now I'm trying to change the (All Events, Date, Time, Event ) .. but there is no option for these !

Thanks in Advance Veselin

[K.Ramadan]

This is an Interface with default text values.

i would like to change these default values also.

>>>> like the Header Title " Event "

>>>> or ( Title, Start. End . . . . ).

I tried every thnig but with no result .. i can't find any method that helps me change these Values . . .

Tnaks in Advance

[Veselin Tsvetanov]

Hello Lu,

As per the Agenda view messages, those could be defined using the Messages configuration of the Scheduler:

.Messages(m => m
	.Today("Custom today")
	.Date("Custom date")
	.Event("Custom event")
	.Time("Custom time")
)

Concerning the "All events" text on the Timeline and the "Events" text on the editor, those could not be configured with the Messages option. Therefore, you will need to alter the content of the respective DOM element ("<div class="k-scheduler-times"><table class="k-scheduler-table" ><tbody><tr><th>All events</th></tr></tbody></table></div>" and .k-window-title). For the All events text you could do that in the DataBound event of the Scheduler, while for the Event text on the edit pop-up you could handle the Edit event:

function onEdit(e) {
  e.container.closest('.k-window').find('.k-window-title').text("changed")
}

Regards,
Veselin Tsvetanov
Progress Telerik

[K.Ramadan]

Can you Please show me an example for changing the Text on the edit pop-up,because i tried your example but no results .. nothings changes when i  do this ..so please if you can just give me a lil Example .. i'll be thankfull .. Thanks in Advance

[K.Ramadan]

PS : i don't just mean the Event Text on the edit pop-up but all labels on the edit pop-up ..

Thanks in Advance . . .

[K.Ramadan]

I was going into this not knowing a lot about .closest(), but now I know how to do it. Thank you for your Help.
I did that part, changing every text on the edit pop-up, but now I' stuck with the "all events" Text!
it will be a great support if you help me figure out how to change the "all events" text .. I tried my best . . . Thanks in Advance

[Veselin Tsvetanov]

Hello Lu,

Here is an example of how to alter the All events text on the Timeline view with a dataBound event handler:

function onDataBound(e) {
  var scheduler = e.sender;
  var schedulerElement = scheduler.element;

  if(scheduler.view().name === "timeline") {
  	schedulerElement.find('.k-scheduler-times th').last().text('Changed');
  }
}

Her you will find a Dojo sample on the above:

https://dojo.telerik.com/iToDAmUp/10

Regards,
Veselin Tsvetanov
Progress Telerik

[K.Ramadan]

YOU ARE A LEGEND MY FRIEND .. THANKS ..

[K.Ramadan]

Hello again,

Now i changed all the labels on edit pop-up but the default value of the dropLists "None"..

I tried this :

function Edit_Scheduler(){


var raumText = $(".k-window").find('div[data-container-for= Raum]').find('span[class = k-input]').text();
 if (raumText == "None") {
$(".k-window").find('div[data-container-for= Raum]').find('span[class = k-input]').text("select");
var raumSpan = $(".k-window").find('div[data-container-for= Raum]').find('span[class = k-input]');


 $(raumSpan).on('click', function (event) {
                    //alert(this.value);
 $(".k-window").find('div[data-container-for= Raum]').find('span[class = k-input]').text("select");
 console.log("onClick");
                })

[Veselin Tsvetanov]

Hello Lu,

If you need to change the option label of the resource DropDownList on the editor pop-up, you could do that by handling the edit event of the widget in the following manner:

function onEdit(e) {
  var container = e.container;
  var dropDownElement = container.find('[data-bind="value:Raum]');
  var dropDown = dropDownElement.getKendoDropDownList();
  
  dropDown.setOptions({
  	optionLabel: "Test"
  });
},

Regards,
Veselin Tsvetanov
Progress Telerik