ImageBrowser display options

5 posts, 1 answers
  1. Daniel
    Daniel avatar
    12 posts
    Member since:
    Sep 2013

    Posted 13 Sep 2013 Link to this post

    Hi,

    I am currently evaluating your MVC framework and have a question about the ImageBrowser control. Is there a way to remove the Path field on the top?
    I would also remove the create folder button. Our users will be using this tool to add or remove images to a specific directory and those features (path and create folder) would only confuse them.

    If we cannot remove them, can we disable them?

    Thank you.
  2. Answer
    Daniel
    Daniel avatar
    12 posts
    Member since:
    Sep 2013

    Posted 17 Sep 2013 Link to this post

    Hi Daniel,

    Both of your requirements can be achieved using JavaScript:

    • Hide the Path textbox: 
      $(".k-breadcrumbs.k-textbox").css('display', 'none');
    • Hide the create folder button:
      $(".k-addfolder").parent().css('display','none');

    Regards,

    Iliana Nikolova
    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. Daniel
    Daniel avatar
    12 posts
    Member since:
    Sep 2013

    Posted 17 Sep 2013 Link to this post

    Thank you for your help. This was exactly what I was looking for.
    Best Regards.
  5. Jason
    Jason avatar
    1 posts
    Member since:
    Jun 2010

    Posted 07 Oct 2015 in reply to Daniel Link to this post

    Where would this code go?  I added this to the page that is hosting the Editor but that did not work.
  6. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 09 Oct 2015 Link to this post

    Hi Jason,

    You could use this code in the Editor execute event. As an example: 
    @(Html.Kendo().Editor()
       //.....
       .Events(ev=>ev.Execute("onExecute"))
    )
    <script>
    function onExecute() {
       setTimeout(function () {
           $(".k-breadcrumbs.k-textbox").css('display', 'none');
           $(".k-addfolder").parent().css('display', 'none');
       });
    }
    </script>


    Regards,
    Iliana Nikolova
    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