Hi,
Do you have some kind of a calendar which is NOT a date picker ?
Please take a look at http://js.devexpress.com/Demos/Simulator/?url=/Demos/KitchenSink/&deviceMode=mobiles (choose calendar from the menu)
I need a monthly Calendar which is presented on the screen all times , is stretched on the entire width of the device and enables to move between months by swiping.
Thx
Sagi
9 Answers, 1 is accepted
Thank you for contacting Telerik support.
We have a new product Calendar so you can look through our online Calendar demos here.
Do not hesitate to contact us if you have other questions.
Regards,
Magdalena
Telerik
Rank 1
hI,
I would like to embed this calendar widget in a mobile app :
1) How easy is it to implement navigation between months using swipe (instead of the right nd left arrows)
2) Can it be stretched to 100% of the mobile view width ?
Thx
Sagi
Rank 1
and one more thing...
Can the dates / months text be localized ?
I need them in the Hebrew language.
thx
Sagi
We are afraid, that for this moment, we have no implemented swipe navigation between months and localization of the Hebrew language to the Kendo calendar. You can log these features to our feedback portal and vote for them.
Expanding the calendar to the entire parent width can be achieved by the following CSS:
html .k-calendar { width: 100%;}Regards,
Magdalena
Telerik
Rank 1
Cant I implement swipe navigation between months ?
Can't I detect swipe event (https://demos.telerik.com/kendo-ui/m/index#touchevents/mobile) ?
Thx
Sagi
Rank 1
OK,
I was able to implement month move using swipe events.
However , I still need to figure out how to set the Hebrew text...
Can you please direct me to the source file in order to manually replace the English months (January , February...) to the Hebrew ones.In which js should I look for those constants.
Although it is not an ideal solution and will require me to change the source code after each kendo's release this might be the only option for me right now.
Thx
Sagi
We are glad that you were able to solve the problem yourself and apologize that we could not help you right away.
The Hebrew culture can be set to the Calendar by the following:
<script src="../Scripts/cultures/kendo.culture.he.min.js"></script>$("#calendar").kendoCalendar({ culture: "he",});Do not hesitate to contact us if you have other questions.
Regards,
Magdalena
Telerik
Rank 1
Hi ,
U have tried the following without any luck , Can you help ?
http://dojo.telerik.com/AGoQi
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/calendar/right-to-left-support">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.common-nova.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.nova.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.rtl.min.css" />
<script src="http://kendo.cdn.telerik.com/2016.1.112/js/cultures/kendo.culture.he.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.112/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example">
<div class="k-rtl">
<div class="demo-section k-content">
<h4>Pick a day:</h4>
<div id="calendar"></div>
</div>
</div>
<script>
$(document).ready(function() {
// create Calendar from div HTML element
$("#calendar").kendoCalendar({
culture: "he",
});
});
</script>
</div>
</body>
</html>
The script about the culture should be referred after the common Kendo script. Here is a fixed Dojo sample.
Regards,
Magdalena
Telerik