ImageType

Follow

Comments

10 comments

  • Avatar
    Zrs0006

    It would be nice if there was an option to not have the hovering display. Even in the example, it does not make much sense to have a hovering image to display a slightly larger version of those logos. It seems to only make sens on edge cases where you're giving previews of large images. 

  • Avatar
    Awesome Table

    Hello Zrs0006,

    Thank you for your feedback !

    It would indeed be nice to give the opportunity to remove the hover behavior. We will think about adding this in the future. We will notify you when it is done !

    Thank you,

    Nicolas

     

  • Avatar
    Admin

    Hi Nicolas!

    Please do let me know if it is possible to suppress the enlarge on hover feature.

    Many thanks!

  • Avatar
    Awesome Table

    Hi, 

    Indeed it is possible to remove the hover function. But you need to manipulate CSS.

    In your template style, you have to apply this:

    .awt-popup {

    display:none !important;

    }

    Regards,

    Thomas

  • Avatar
    Anthony Devine

    HI! I would like to use CSS to modify how large the images display within the table. I want to have multiple images in one field, and each image have a max-width of 100px or 150px--not sure yet. I have used a simple template to have a wide column for these images (badges for student digital portfolios). But with a wide column, the image (badge) displays to take up all the width of the column. I'd like to be able to do something like:

    .img {

    float:left;

    max-width:100px;

    }

    Adding that to the style section isn't working, of course, because I'm not sure what feeds the image display within the Awesome-Table for the imageType column... any advice?

    FYI: I'm trying to use an Awesome-Table for students at my school to share, view, and give feedback on digital portfolios: bit.ly/ecvshare.

    Thank you,

    Anthony

  • Avatar
    Awesome Table

    Hi Anthony Devine,

    Indeed you can change the width of your images by customising the CSS but it requires knowledge in code. If you want to overwrite the code with your CSS, you need to select the right class. 

    You can select the good class by overwriting it with CSS if you inspect the code and select the good class. 

    Kind regards,
    Thomas

  • Avatar
    Jérémie Bourdon

    Hello,

     

    I am trying to get the image hover effect (full image display) to work in a card view but I can't find a way to do this. It works well in a table view. 

     

    Thank you for your help !

  • Avatar
    Awesome Table

    Hello Jérémie Bourdon,

    Indeed, the hover effect doesn't work in a card view. If you want to have this effect, you can use CSS and HTML in your "<style>" column of your template sheet.

    Kind regards,
    Thomas

  • Avatar
    Wendaar

    Hi Awesome tables are great..  I am not strong in the coding.. but I hope you can guide me how to manage my issue..
    On first sheet I have imagetype of column and in awesome tables it is too big and I want to manage the size how it is displayed..

    I tried to add new sheet Template to modify the fonts and look of important columns like the Score is.. what I succeded somehow :D I am surprised.. 

    But to make a picture ("Team 1 logo URL" column) smaller I am lost what exactly to write to my Template sheet to make it let's say 50% smaler? 
    Please help me what to do .. Thank you in advance
    please note: that I am totaly beginner 

  • Avatar
    Awesome Table

    Hello Wendaar,

    Indeed it requires knowledge in code. You need to inspect the code with your console and affect this code (if you want to have a width of 50px for your image) to the following tag in your <style> column:

    awt-imgParameter {
    background-size: 50px!important;
    }

    Kind regards,
    Thomas

Please sign in to leave a comment.