SharePoint
Feedback by UserVoice

Fraser M

My feedback

  1. 11 votes
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)

    We’ll send you updates on this idea

    0 comments  ·  Sites and Collaboration » Sites Management  ·  Flag idea as inappropriate…  ·  Admin →
    Fraser M supported this idea  · 
  2. 19 votes
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)

    We’ll send you updates on this idea

    2 comments  ·  Sites and Collaboration » Modern Pages  ·  Flag idea as inappropriate…  ·  Admin →
    Fraser M supported this idea  · 
  3. 328 votes
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)

    We’ll send you updates on this idea

    47 comments  ·  Sites and Collaboration » Lists  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    Fraser M commented  · 

    I have figured out how to insert images into Modern SharePoint text webparts!

    1. Download and install SharePoint designer 2013
    https://www.microsoft.com/en-ca/download/details.aspx?id=35491

    2. Launch SharePoint Designer. Under the Files tab -> Sites -> click Open Site. Paste in the full URL to your Modern SharePoint site ie: https://yourtenant.sharepoint.com/sites/SomeSiteName/

    3. It will take a few seconds for your site to load into SharePoint Designer. Once it’s loaded, navigate to the Site Assets section under Site Objects on the left-hand navigation pane. This will open a tabbed window of Site Assets in the main window. From this tabbed view navigate to SitePages.

    4. Create a folder in the main window called images (or whatever name you want). (Right click -> new -> folder).
    For info purposes, this new images folder will exist at: https://yourtenant.sharepoint.com/sites/SomeSiteName/SiteAssets/SitePages/images/

    5. Navigate into the images folder you created and drag and drop your images from your computer into this folder. SharePoint Designer will automatically upload your images to your site.

    6. Navigate to the Site Pages section under Site Objects on the left-hand navigation pane. This will open a tabbed view of your site’s pages in the main window. You will see a list of your already created SharePoint pages. Right click the one you want to insert your image into and choose Edit File in Advanced Mode.

    7. Find the section of the page that contains the Text Webpart content you want to insert your image into. (I have been inserting the word IMAGE as a placeholder while editing the Text Webpart in the regular SharePoint design view to make locating easier while in the advanced mode editor of SharePoint Designer). Once you figure out where you want your image to appear in relation to the web part text simply insert the url of the image you uploaded – however you need to format it as such:

    <img src="/sites/SomeSiteName/SiteAssets/SitePages/images/yourimage.png" />

    8. Hit the Save button when you are done editing your page and your page will upload back to SharePoint. Test/view the changes in your web browser and you will see your image is now in line with your text.

    Notes:
    -the images folder doesn’t need to be named or located exactly as I have outlined above
    -you can get the url to your image by right clicking on it in the tabbed site assets view and choosing preview in browser
    -I’m not sure if additional code can be used for image alignment (style etc) because I haven’t needed it yet.. but if you have luck please post it somewhere
    -you can’t edit any of the images via SharePoint so make sure they are sized appropriately before you upload them
    -not sure why we have to jump through so many hoops, but consider this one roadblock tackled. Yes it’s not a permanent solution but for the time being a good work around.
    -though my guide above seems long-winded, once you’ve done this once or twice you’ll find it quite easy to repeat.

    Fraser M supported this idea  · 
  4. 113 votes
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)

    We’ll send you updates on this idea

    14 comments  ·  Sites and Collaboration » Web Parts  ·  Flag idea as inappropriate…  ·  Admin →
    An error occurred while saving the comment
    Fraser M commented  · 

    I have figured out how to insert images into Modern SharePoint text webparts!

    1. Download and install SharePoint designer 2013
    https://www.microsoft.com/en-ca/download/details.aspx?id=35491
    2. Launch SharePoint Designer. Under the Files tab -> Sites -> click Open Site. Paste in the full URL to your Modern SharePoint site ie: https://yourtenant.sharepoint.com/sites/SomeSiteName/
    3. It will take a few seconds for your site to load into SharePoint Designer. Once it’s loaded, navigate to the Site Assets section under Site Objects on the left-hand navigation pane. This will open a tabbed window of Site Assets in the main window. From this tabbed view navigate to SitePages.
    4. Create a folder in the main window called images (or whatever name you want). (Right click -> new -> folder).
    For info purposes, this new images folder will exist at: https://yourtenant.sharepoint.com/sites/SomeSiteName/SiteAssets/SitePages/images/
    5. Navigate into the images folder you created and drag and drop your images from your computer into this folder. SharePoint Designer will automatically upload your images to your site.
    6. Navigate to the Site Pages section under Site Objects on the left-hand navigation pane. This will open a tabbed window of Site Pages in the main window. You will see a list of your already created SharePoint pages. Right click the one you want to insert your image into and choose Edit File in Advanced Mode.
    7. Find the section of the page that contains the Text Webpart content you want to insert your image into. (I have been inserting the word IMAGE as a placeholder while editing the Text Webpart in the regular SharePoint design view to make locating easier while in the advanced mode editor of SharePoint Designer). Once you figure out where you want your image to appear in relation to the web part text simply insert the url of the image you uploaded – however you need to format it as such:

    <img src="/sites/SomeSiteName/SiteAssets/SitePages/images/yourimage.png" />

    8. Hit the Save button when you are done editing your page and your page will upload back to SharePoint. Test/view the changes in your web browser and you will see your image is now in line with your text.
    Notes:
    -the images folder doesn’t need to be named or located exactly as I have outlined above
    -you can get the url to your image by right clicking on it in the tabbed site assets view and choosing preview in browser
    -I’m not sure if additional code can be used for image alignment (style etc) because I haven’t needed it yet.. but if you have luck please post it somewhere
    -you can’t edit any of the images via SharePoint so make sure they are sized appropriately before you upload them
    -not sure why we have to jump through so many hoops, but consider this one roadblock tackled.
    -though my guide above seems long winded, once you’ve done this once or twice you’ll find it quite easy to repeat.

    Fraser M supported this idea  · 
  5. 64 votes
    Sign in
    (thinking…)
    Sign in with: Facebook Google
    Signed in as (Sign out)

    We’ll send you updates on this idea

    5 comments  ·  Sites and Collaboration » Modern Pages  ·  Flag idea as inappropriate…  ·  Admin →
    Fraser M supported this idea  · 

Feedback and Knowledge Base