How to add text field in edit popup as resource

5 posts, 0 answers
  1. Markus
    Markus avatar
    70 posts
    Member since:
    Jan 2015

    Posted 16 Feb 2015 Link to this post

    Hi

    In following example, how can I add a simple text input field in the resources for the popup edit (or create new) rather than a dropdown field?

    http://dojo.telerik.com/UkaxO/3

    resources: [
        {
          field: "textinupt",
          ....???
        }
      ]

    Many thanks
  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2190 posts

    Posted 18 Feb 2015 Link to this post

    Hello Markus,

    I already answered to this query about how to customize the resource editor in duplicated support ticket created by you - #906686 . Please keep in mind that it is highly recommended that you keep related questions in one support thread or a forum post, so that we can easily keep track of your support history and provide better answers in a shorter time.

    Regards,
    Vladimir Iliev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Markus
    Markus avatar
    70 posts
    Member since:
    Jan 2015

    Posted 19 Feb 2015 in reply to Vladimir Iliev Link to this post

    Hi

    Yes Vladimir you are correct, I missplaced this tread.

    thank you, appologies
  4. Chris
    Chris avatar
    8 posts
    Member since:
    Feb 2015

    Posted 02 Feb in reply to Vladimir Iliev Link to this post

    Would you mind sharing the answer so that others may learn from it?
  5. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2190 posts

    Posted 03 Feb Link to this post

    Hi Chris,

    Here is the answer from the other thread:


    You can add custom "template" and "valueTemplate" for the dropDownList which to render the color as expected:

    <input id=
    "Owner" name="Owner" style="width: 200px" type="text"
                data-template="custom-template"
                data-value-template="custom-value-template"
     

    <script type="text/x-kendo-template" id="custom-template">
        <span class='k-scheduler-mark' style='background-color:#=color#'></span>#=text#
    </script>
        
    <script type="text/x-kendo-template" id="custom-value-template">
        <span class='k-scheduler-mark' style='background-color:#=color#'></span>#=text#
    </script>

    Regards,
    Vladimir Iliev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top