Custom Edit Template With Tabs

4 posts, 0 answers
  1. Marcab
    Marcab avatar
    31 posts
    Member since:
    Apr 2019

    Posted 18 Dec 2019 Link to this post

    I've currently got a custom edit template which contains a large number of fields, which makes it somewhat unwieldy. 

    Ideally, I'd like to divide this template into sections (i.e. contact information, emergency contact information, physical limitations) with each section on its own tab.

    Is this possible and, if  yes, could someone point me towards some examples?

    Thanks!

  2. Tsvetomir
    Admin
    Tsvetomir avatar
    757 posts

    Posted 20 Dec 2019 Link to this post

    Hi Marcab,

    Based on the provided information, I suspect that the utilized edit mode is PopUp, is that correct? And you would like to render a custom template whenever the grid enters edit mode? 

    If so, what I can recommend is that you create a custom view and reference it via the options of the grid:

     .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("CustomTemplateName"))

    Within the "CustomTemplateName", you could set any content of your choice. A complete example for the certain functionality could be found in the following repository on GitHub:

    https://github.com/telerik/ui-for-aspnet-mvc-examples/blob/master/grid/custom-popup-editor/KendoUIMVC5/Views/Home/Index.cshtml

    Let me know in case additional assistance is required.

     

    Best regards,
    Tsvetomir
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
  3. Marcab
    Marcab avatar
    31 posts
    Member since:
    Apr 2019

    Posted 20 Dec 2019 in reply to Tsvetomir Link to this post

    Thanks Tsvetomir!

    I'm using a template, as you suggested above. 

    I managed to get it working. I'm still not sure what was causing the error. I simply created a brand new template (with a different name) referenced it accordingly in my grid - and it worked.

    Maybe this was some sort of obscure Visual Studio Issue?

    Anyway, thanks again for taking the time to reply.

  4. Tsvetomir
    Admin
    Tsvetomir avatar
    757 posts

    Posted 23 Dec 2019 Link to this post

    Hi Marcab,

    Occasionally, Visual Studio caches route to certain files and reuse them. Also, it is important to point out in case the caching of the browser is enabled, you might need to clear this as well. Google Chrome is famous for its caching capabilities. 

    Nevertheless, I am very happy to hear that the issue is resolved. I will go ahead and close this thread. In case you encounter any further issues, post a new message here and the thread would become active once again.

     

    Best wishes,
    Tsvetomir
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
Back to Top