Accordion in custom edit popup?

6 posts, 0 answers
  1. Chris
    Chris avatar
    22 posts
    Member since:
    Feb 2015

    Posted 10 Mar 2015 Link to this post

    I attempted using panels and that was disastrous and then I attempted using an accordion based on bootstrap collaspe and am getting an invalid template issue and the pop up is no longer loading.

    Could someone please point me to what a "valid" template looks like so I can attempt to work this in. Or show me a simple example?

    Thanks,
    Chris 
  2. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 12 Mar 2015 Link to this post

    Hello Chris,

    From the provide information it's not clear for us what might be the reason for current behavior. Could you please provide runable example where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.
     

    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. Chris
    Chris avatar
    22 posts
    Member since:
    Feb 2015

    Posted 12 Mar 2015 in reply to Vladimir Iliev Link to this post

    Hello Vladimir,

    I am in the middle of an eval and am actually testing the MVC scheduler right now. I just posted in this forum because it seemed more active based on threads and posts and was hoping to get an example and work it backwards.

    That being said I have modified the demo custom scheduler that can be found here:
    http://www.telerik.com/support/code-library/custom-editor-9fd60fca3c02

    What I have done is added two pages to the demo:
    The first page is called Accordion.cshtml and is in the subfolder EditorTemplates. It is the CustomEditorTemplate wrapped in a collapsible panel.

    The second page is the Index page of the text folder. This page shows the basic functionality of the accordion is working using the scheduling components. I had some additional js errors on this page but they are beyond the scope of what I am trying to accomplish here and I have a feeling are more related to config than anything else since the errors don't exist in my actual project.

    To recap:
    1. When you try to create a new appointment using the CustomEditorTemplate the editor will work correctly.
    2. When you try to create a new appointment using the Accordion page you will get an error and the popup will not initialize with the invalid template error. 
    3. When you click the menu link "Accordion" you will see the basic functionality that I am trying to put into the editor.


    I hope this is clear enough and I appreciate your prompt response.

    Actually I can't upload the modified demo project as it exceeds the upload allowed size. Considering I had to add/update some references I am not exactly sure how to proceed.

    I created a zip that contains the controller, models, views, global.asax, and web.config. Add those files/folders into the demo and hopefully all you will need to do is add/refresh some references. Sorry about this, if I had realized the size of the project I might have decided on a different approach. At the time it seemed like an easier approach.

    Thanks,
    Chris
  4. Chris
    Chris avatar
    22 posts
    Member since:
    Feb 2015

    Posted 12 Mar 2015 in reply to Vladimir Iliev Link to this post

    * Test folder not text folder.

    * prompt response to my initial question.

    Really need an edit function or at least a preview.
  5. Vladimir Iliev
    Admin
    Vladimir Iliev avatar
    2194 posts

    Posted 13 Mar 2015 Link to this post

    Hello Chris,

    After inspecting the provided editor template it appears that it's throwing "invalid template" error as there are unescaped "#" symbols inside it. Please note that this symbol is used by the Kendo UI template syntax for signifying start of custom JavaScript code inside the template  - that why it should be escaped as follows (full editor is attached to the current thread): 

    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="\#accordion" href="\#collapse3">
                    Collapsible Group 3

    Also as the template is always minified you should use only multi-line JavaScript comments inside the script tags. 

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

    Posted 13 Mar 2015 in reply to Vladimir Iliev Link to this post

    Vladimir,

    Excellent! Thank you working as intended now. A couple of formatting issues but no big deal.


    Thank you again,
    Chris
Back to Top