How to insert image in Dashboard Widget

Home Forums Legacy Support Support queries How-to & Troubleshooting How to insert image in Dashboard Widget

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #222470
    Nando13
    Participant
    Hello there,   Is it possible to include an image or icon besides the student dashboard stats?   Like:  8 Units Icon
    #222492
    Diana
    Participant
    @Nando13, you can try this widget: http://prntscr.com/otc5lm for inserting image and show in the dashboard But if you want to show images here: http://prntscr.com/otc6dk Then I can try with some custom css
    #222633
    Nando13
    Participant
    Yes, I want the images to show in the dashboard widget (second option). How Can I do it?
    #222661
    Nando13
    Participant
    ?
    #222744
    logan
    Member
    hello, please share the images that you want to set there and let me know this:
    1. it will appear before the content or after?
    2. also, let me know if you want to add some icons instead of pic??
    3. or you want to set the background of that area.
    #222754
    Nando13
    Participant
    Hello there, It's images like this: https://imge.to/i/V79O0 One image per widget stats box, after the stats number. Like this: https://imge.to/i/V7ufr
      <li style="box-sizing: border-box; background: none; margin: 0px; list-style: decimal;">it will appear before the content or after? AFTER <li style="box-sizing: border-box; background: none; margin: 0px; list-style: decimal;">also, let me know if you want to add some icons instead of pic?? JUST PIC <li style="box-sizing: border-box; background: none; margin: 0px; list-style: decimal;">or you want to set the background of that area. NO, JUST A PIC BESIDES THE NUMBER STATS,
    #222853
    logan
    Member
    Hello, please share your page URL with admin credentials. I need to access your dashboard to fetch the page-specific classes. the thing you are asking that's not available in wplms but we can try to add this with custom CSS. give me access then i will check how wonderful it goes.
    #222918
    Nando13
    Participant
    How can I share the credentias directly to you?
    #222919
    Nando13
    Participant
    Hi there,   I've just sent the credentials to [email protected]
    #222988
    logan
    Member
    This reply has been marked as private.
    #223062
    Nando13
    Participant
    Ok, How's it going?
    #223112
    logan
    Member
    This reply has been marked as private.
    #223184
    Nando13
    Participant
    This reply has been marked as private.
    #223288
    logan
    Member
    Hello, after using lots of code we could append the image tag before h3 tag. it will look like this
    $('.dash-stats').prepend('<img id="theImg" src="http://localhost/wptest/wp-content/uploads/2016/02/banner1-1-460x276.jpg" width="50px"/>'); .dash-stats { display: grid; grid-template-columns: 100px 1fr; justify-items: center; align-items: center; } i do not find this helpful.   refer: https://cl.ly/92170a
    #223333
    Nando13
    Participant
    Hello there, This script must be inserted in wich file? and like I said, the intend is having a different image for each dashboard box. For example: Image 1 to Dashboard div of number of units Image 2 to Dashboard div of number of courses Image 3 to Dashboard div of number of quizzes   How Can I Do this?
Viewing 15 posts - 1 through 15 (of 18 total)
  • The topic ‘How to insert image in Dashboard Widget’ is closed to new replies.