Card View Customization

Comments

14 comments

  • Avatar
    Ido Darnell

    VERY COOL! Thanks!

    0
    Comment actions Permalink
  • Avatar
    Ramon Lopez

    2
    Comment actions Permalink
  • Avatar
    Nathan Giusti

    Super slick

    0
    Comment actions Permalink
  • Avatar
    Tripti Jaiswal

    Nice,will be very usefull.Thanks

    0
    Comment actions Permalink
  • Avatar
    Michael Becker

    Hi Artem,

    great stuff but it unfortunately seems to brake e-mail reports. Would you have a chance to see if that can be somehow mitigated as this is great modification? Thanks!

    Regards,

    Michał

    0
    Comment actions Permalink
  • Avatar
    Artem Yevtushenko

    Hey Michael,

    That is certainly a current limitation because this is a post-render CSS script, and these are not currently captured by the PDF export manager. Once the updated version of the PDF export manager is released, I will explore this functionality.

    Cheers,

    Artem

    0
    Comment actions Permalink
  • Avatar
    Toby De Lorenzo (Edited )

    Hey Artem,

    Is it possible to ignore certain widgets i.e a header that I want to stay full width?

    Thanks,

    Toby

     

    0
    Comment actions Permalink
  • Avatar
    Artem Yevtushenko

    Hi Toby,

    If you'd like to ignore certain widgets you can use the following syntax:

    This is the original method to create the card effect.

    $('.dashboard-layout-subcell-host').css('padding', '10');

    Instead, you can use the following script where the widget ids defined are not modified.

    $('widget').not('[widgetid="5da0983d1d3cb956980f33fa"]').not('[widgetid="5da0983b1d3cb956980f33f8"]').parent().parent().css('padding', '10');

    1
    Comment actions Permalink
  • Avatar
    Toby De Lorenzo

    Thanks so much Artem.

    0
    Comment actions Permalink
  • Avatar
    Elvin Alvarillo

    This is amazing!

    0
    Comment actions Permalink
  • Avatar
    Marc Saunders

    this is a great plugin that makes pages look so much better, but can you enable it for the dashboard or whole site instead for each widget?

    0
    Comment actions Permalink
  • Avatar
    Benjamin Nissim (Edited )

    Artem Yevtushenko Is there any possibility to remove 'box-shadow' to a specific widget and by that you will get the illusion of two widgets combined into one. (or even remove it from one side only)

    1
    Comment actions Permalink
  • Avatar
    Toby De Lorenzo

    Hey Benjamin Nissim,

    We got around it by using the .not() method in the dashboard script

    $('widget').not('[widgetid="WidgetID"]').css('box-shadow', 'rgba(58, 67, 86, 0.1) 0px 1px 3px 1px'); 

    Hope that works for you,

    t

    0
    Comment actions Permalink
  • Avatar
    Benjamin Nissim

    Toby De Lorenzo Thank u, it helps!

    0
    Comment actions Permalink

Please sign in to leave a comment.