Calendar view

10 posts, 0 answers
  1. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 19 Jan Link to this post

    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

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 20 Jan Link to this post

    Hello Sagi,

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 20 Jan in reply to Magdalena Link to this post

    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

  5. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 20 Jan in reply to Sagi Link to this post

    and one more thing...

    Can the dates / months text be localized ?

    I need them in the Hebrew language.

    thx

    Sagi

  6. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 21 Jan Link to this post

    Hello 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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 21 Jan in reply to Magdalena Link to this post

    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

  8. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 21 Jan in reply to Sagi Link to this post

    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

  9. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 22 Jan Link to this post

    Hi 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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  10. Sagi
    Sagi avatar
    60 posts
    Member since:
    Sep 2008

    Posted 28 Jan in reply to Magdalena Link to this post

    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>

     

  11. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 28 Jan Link to this post

    Hello Sagi,

    The script about the culture should be referred after the common Kendo script. Here is a fixed Dojo sample.

    Regards,
    Magdalena
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready