thumbnails

6 posts, 0 answers
  1. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 05 Sep 2012 Link to this post

    I have ExplorerMode="Thumbnails" on my RadFileExplorer.How to set the Thumbnails bigger?
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Sep 2012 Link to this post

    Hi Kjell,

    Try setting the CssClass property of RadFileExplorer to rfeLargeThumbnails to Increase the Dimensions of Thumbnails.

    ASPX:
    <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" ExplorerMode="Thumbnails" CssClass="rfeLargeThumbnails">
       <Configuration ViewPaths="~/" UploadPaths="~/" DeletePaths="~/" />
    </telerik:RadFileExplorer>

    Please take a look into this documentation for more information.

    Hope this helps.

    Regards,
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 05 Sep 2012 Link to this post

    Yes, that works for, bigger thumbnails.
    But i tray to define custom size for Thumbnail items by overwriting the .rfeLargeThumbnails but dont have that to work.
    I set in the head tag:
    <style type="text/css">
        .rfeLargeThumbnails .rfeThumbList .rfeFile
        {
            width: 64px;
            height: 44px;
            padding-top: 20px;
        }
    </style>

    And in RadFileExplorer CssClass="rfeLargeThumbnails"

    same
    size, no change.
  5. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Sep 2012 Link to this post

    Hi Kjell,

    Try overriding the default CSS using !important as follows to achieve your scenario.

    CSS:
    <style type="text/css">
        .rfeLargeThumbnails .rfeThumbList .rfeFile
            {
                width: 64px !important;
                height: 44px !important;
                padding-top: 20px !important;
            }
    </style>

    Hope this helps.

    Regards,
    Princy.
  6. Kjell
    Kjell avatar
    203 posts
    Member since:
    May 2011

    Posted 06 Sep 2012 Link to this post

    Thumbnails does not change size with:

    <style type="text/css">
         .rfeLargeThumbnails .rfeThumbList .rfeFile
             {
                 width: 44px !important;
                 height: 64px !important;
                 padding-top: 20px !important;
             }
     </style>

    Only background color when MouseOver, see picture
    I'm trying to change so the Thumbnails appear portrait mode.....
  7. Vessy
    Admin
    Vessy avatar
    1389 posts

    Posted 07 Sep 2012 Link to this post

    Hi Kjell,

    Would you, please, try to apply the following CSS styles:
    <style type="text/css">
        /* Large thumbnails */
        .rfeLargeThumbnails .rfeThumbList
        {
                width: 136px !important; /*defines thumbnail wrapper dimension*/
        }
        .rfeLargeThumbnails .rfeThumbList .rfeFile
        {
                /*the sum of the height and padding-top values should be equal to the height property defined in the rfeLargeThumbnails class*/
                width: 100px !important;
                height: 80px !important;
                padding-top: 20px;
        }
        .rfeLargeThumbnails .rfeThumbList .rfeImageFile.rfeFile
        {
                height: 100px !important;
                padding-top: 0;
        }
        .rfeLargeThumbnails .rfeThumbList .rfeFile img
        {
                /*defines Image Preview Thumbnail dimension*/
                width: 100px !important;
                height: 100px !important;
        }
    </style>

    Please, note that this CSS will enlarge only the images' thumbnails. If you want to have bigger thumbnails for all file types (e.g mp3, doc, etc. ) you will need to link your own icon images. This is done because RadFileExplorer uses sprites to display its icons so they cannot be enlarged.

    All the best,
    Veselina
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017