How to use image and title for the app-icon when building mobile app with asp.net wrappers?

4 posts, 1 answers
  1. Nicklas
    Nicklas avatar
    45 posts
    Member since:
    Oct 2012

    Posted 02 Sep 2013 Link to this post

    Previously, I added an icon and a title to my mobile app like this: 

    window.app = new kendo.mobile.Application(document.body, {
        layout: "mainLayout",
        skin: "flat",
        hideAddressBar: true,
        icon: "Images/FileName.png",
        title: "App Name"
    });
    Whereas now, I can't seem to figure out how to do this. Any suggestions? :)
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 03 Sep 2013 Link to this post

    Hello Nicklas,

    The icon feature is missing in Mobile MVC wrappers. We will log it and try to provide a fix as soon as possible.
    The 'title' is a non existing option. I am not sure how you managed to use it. What is it supposed to do? Do you mean updateDocumentTitle?

    Regards,
    Alexander Valchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Nicklas
    Nicklas avatar
    45 posts
    Member since:
    Oct 2012

    Posted 03 Sep 2013 Link to this post

    Thanks for the feedback.
    Is there a workaround allowing me to give my app an Icon?

     No, for me, when using title, it saves me from having to type the app name when I save a shortcut to my mobile "desktop". This gives the impression that the app already has a name when saving it as a shortcut :)
  5. Answer
    Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 05 Sep 2013 Link to this post

    Hello Nicklas,

    The only workaround I can suggest is to initialize the mobile application via JavaScript instead of using MVC syntax. For example instead of:
    @(Html.Kendo().MobileApplication()
        .ServerNavigation(true)
        .Layout("examples")
    )

    You can write JavaScript configuration (code should be located at the same place):
    <script>
       jQuery(function(){ new kendo.mobile.Application(jQuery(document.body), {
             "hideAddressBar":true,
             "updateDocumentTitle":true,
             "serverNavigation":true,
             "layout":"examples",
             "icon": "Icon URL"
          });
       });
    </script>

    I hope this will suit in your scenario.

    Regards,
    Alexander Valchev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready