5

goto site settings, under look and feel select image renditions. here you can fiddle around to choose what you want to show with an image when sharepoint renders the profile image. its found here: select the image (thumbnail) by hovering over and click on edit renditions these are the sizes to change to your liking: click on the selected size to edit (...


4

You almost got it. Set src attribute directly. src is just URL to an image, so why to use description at all. If you look at the rendered HTML code using Developer dashboard (F12) you will find that the src of img tag contains url and description. Simply use: { "elmType": "img", "style": { "width": "100px" }, "attributes": { "src": "@...


4

You need to ensure that you are copying the correct link for the image file. If your images are stored in the Site Asset Library then it will look something like: https://mysite.sharepoint.com/sites/sandbox/SiteAssets/inventory-icon-01.png


3

I assume that this question is related to your previous one In a Sharepoint List: Display an Image (field type "Hyperlink or Picture"). Yes, you can change size of image in Quick edit mode. It is similar to Column formatting in Modern experience. In classic experience (used in Quick edits) it is called Client Side Rendering (CSR). Setting CSR is little bit ...


3

The cause of this issue would be that your environment have not received the latest update. It is a new feature launched by the release. Any new release is first tested and validated by the feature team, then by the entire Office 365 feature team, followed by entire Microsoft. After internal testing and validation, the next step is a Targeted release (...


3

Currently, the Image Gallery web part does not support enhance the images with hyperlinks. Using it, we can only display images on the page. The Image web part allows users to add hyperlinks, but we can display one image with link with one Image web part. You can use the Quick Links web part. You can choice custom image for each link. However, it does not ...


2

I think your path to the image is not really correct, try like that: "~/_layouts/images/myfolder/image.gif"


2

Within SharePoint Designer right click on the image's web part and select picture properties, select appearance and change border thickness to 0 and the blue border disappears.


2

Prerequisite for Image Renditions are: Publishing site collection (or publishing feature enabled) A configured BLOB cache An Asset Library (recommended) From your description, I can't read that publishing feature is enabled. Enable publishing features to get image renditions to work.


2

Well I can understand your query my friend, its very simple to do this, create a new view and modify the Style Category to "Basic Table" and set this view as default view. You will get what you are looking for .Cheers.


2

This looks like the master page has not been published after the link to the image was changed. Especially the fact that people with design access can see the correct image, points to that as the reason. The regular user will see the last major version of the master page. Make sure to publish the master page with the correct link as a major version.


2

Add a Content Editor Webpart to the affected page. Edit the HTML for the webpart. Paste in the following text: <style> a img {border:none} </style> This will remove borders from all images with links on the page.


2

Unfortunately, there is no option to shrink to fit the inside contents in the Modal Popup dialog in SharePoint. Instead, try to use fancy box jquery modal But if you need to work with SharePoint Modal, I think the auto size width will be suitable for you! Just remove the width option width: 800 in the code! <script> function openDialog(pageUrl) { ...


2

When you add a image to Picture Library SharePoint creates a thumbnail for that image and show it in your default view of the list. In response for your question: Yes, the thumbnail URL differ from the URL of the full size image. And how does the thumbnail URL differ from the URL of the full size image. Example: Original URL http://yoursite.com/Images/...


2

Modern pages you'd click on one of the "+"-Signs and select Imageto insert. Classic pages If you're using classic (and you do, if you really have a wiki-page) you place the cursor where the image should be inserted, the go to ribbon -> insert -> picture Click a picture You can not "enlarge" a picture in SharePoint-Standard. However, since the picture ...


1

The exact size of the image does not matter. Every screen is different. But choosing the image for a background follow these rules I came up with: Choose an image with at least 1024x768 px in size. Try not to use background images in the first place, they rarely look good with SharePoint 2013 anyway. Choose an image with no people or faces, text, etc, ...


1

The "photo url column" is a column, so that you need to use the following formula. =IF(ISBLANK([Site URL]),"URL Missing",("<a href='"&[Site URL]&"' target='_blank' alt='Open site in new window'><img src='"&[photo url column]&"'/></a>"))


1

Retrieve list items using below: function getListItems(webUrl,listTitle, queryText) { var viewXml = '<View><Query>' + queryText + '</Query></View>'; var url = webUrl + "/_api/web/lists/getbytitle('" + listTitle + "')/getitems"; var queryPayload = { 'query' : { '__metadata': { 'type': 'SP.CamlQuery' },...


1

You can use Rest API or CSOM or Data View webpart to achieve your desired result. Image column would act similar to Hyperlink column, where you would be able to fetch image url from the SharePoint list and display in your HTML structure. You should know Hyperlink = Picture. So the way of getting Hyperlink is the way of getting Picture column. You just need ...


1

We can use JavaScript to hide the picture size for tiles in Thumbnail view. Add the following jQuery code into a Content/Script Editor Web Part in Thumbnails.aspx page. <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(".ms-tileview-tile-...


1

Add some CSS to your code. Firstly i would advise wrapping your text in a <div id="someText"> Create a class for your div where the size (width / length) is at least 5px shorter than the size of your image. (This will leave you some room for padding!) OR Using JQuery + javascript <script> function resizeText(){ var img = document....


1

I've done something similar for a web page a few years ago, however I did it using only Javascript and HTML, no jQuery. I think I used a site that let me draw the coordinates for the image map like https://www.image-maps.com/, then I used onMouseOver and onMouseOut to have the highlight effect. I had an image that had no highlight effects as the default ...


1

In the end I used a tool called imagemagick from www.imagemagick.org First I created a simple white square 300x300 for the background image to be under the actual user image - I realise there are other ways of using imagemagick to achieve the same thing but this seemed the simplest approach for me. The next step is to resize the images to a suitable size (i....


1

Since none of the answers provided corrected the issue for us, we are going to resort to using IIS rewrite rules to point the double-encoded URL to the single-encoded URL. This appears to be the only way to correct this issue aside from visually upgrading to SharePoint 2013 (which also fixes the issue). Thank you all for everyone's efforts though. I'm still ...


1

Did you run Update-SPProfilePhotoStore for profile photo store to be compatible with SharePoint Server 2013?


1

Click on site actions (top left corner of screen) Go to : Site settings - Look and feel - site theme Change the selected color for the "followed Hyperlink" to white (color code is #F8F8F8) Click apply.


1

Most likely because those IMGs are added async, so are not there when your WSP code runs. Add a Client Side eventlistener that triggers on new DOM nodes being added, then proces new IMG tags as they are added to the DOM https://davidwalsh.name/dom-events-javascript


1

You can do this using REST API, JSOM or CSOM. I am not sure about from UI and SharePoint Designer. Have look on my REST API example. Upload your image in some Library. Add l prefix to image/icon name. For example, your image/icon name is my-doc-icon.png. Then after uploading to a library, change the name as lmy-doc-icon.png. This is required. Otherwise it ...


1

I usually use javascript in a .txt file linked to a content editor web part. In your case, you would probably want to set it to wi + px. My code usually looks like this: <script type="text/javascript" language="javascript"> $(document).ready(function() { // adjust navigation lists and other tables to match nav bar width - Change sizes on ...


1

After searching for a solution I've located the actual problem. If you look at the attached picture you'll see that the link to the thumbnail preview seems to be broken which is why i get the black boxed "X". So now my new issue is figuring out how to reset or get the script working so that it can pull the proper image from the library.


Only top voted, non community-wiki answers of a minimum length are eligible