Image Library Overlay Blocking Picture RRS feed

  • Question

  • I have two questions about a picture library on a public SharePoint 2013 site located at https://bot.ncat.edu/_layouts/15/start.aspx#/Trustee%20Profiles/Forms/Thumbnails.aspx.

    1. How do I shorten the overlays at the bottom of the page? They are covering up too much of the photograph. I'd like to make them approximately 1/2 the height they are now.
    2. When a user mouses over the picture, the person's title, dimensions of the photo and size of the photo are displayed. How do I change this so that only his/her title is displayed?

    Thank you.

    Tuesday, September 15, 2015 12:35 AM


  • Hi robynne33,            

    Per my understanding, you might want to customize the tiles in the style you want.

    For the two requirements, there will be three options as below you can consider:

    1. Apply custom JavaScript in the page to change the look of the tiles. However, more code in the page, the worse performance it would be. Also, there will be unknown potential risks if our custom code conflicts with the built in code behind;

    2. Override the built in JavaScript libraries which responsible for the render of the tiles. This is not a recommended way cause it will affect other components of in the whole farm. Also, if there any update installed in the future, the changes might get lost;

    3. Create a custom “Promoted Link Web Part” which acts as the similar way as the OOTB Promoted Links List with the style you want. This is a preferable way as we can avoid to alter the OOTB components, also, we will get more flexibility to implement more specific requirements on style or functionalities.

    Here are some JavaScript plugins would be helpful if you choose to implement your own customization:



    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact tnmff@microsoft.com.

    • Proposed as answer by Dennis Guo Friday, September 25, 2015 8:19 AM
    • Marked as answer by Dennis Guo Monday, September 28, 2015 10:00 AM
    Wednesday, September 16, 2015 7:49 AM

All replies