Inserting images in articles Follow

Comments

20 comments

  • Avatar
    Nau Porzio

    Hi there!

    Thanks for this post, I've got a doubt though, once the image has been inserted into the article, is there any way of making it a hyperlink itself so the end-user can expand it to its original size?

    I'm asking because sometimes we need to show a full-screen screenshot for step-by-step instructions, but as far as I can tell it's not possible to make it square within the page and preserve a readable size at the same time.

    If not possible, is there any process I can follow to formally request?

    Thanks!

  • Avatar
    Nicole - Community Manager

    Hey, Nau! 

    Apologies for the delayed response. As the article states, images are automatically resized to fit the browser window, so your customers could expand their window to maximum width. But the kind of functionality you suggest is not native to our product. 

    We don't take requests as such, but you can explain your problem in the Product Feedback topic. If you choose to post there, I do encourage you to read the guidelines on how to write an effective feedback post first. 

    Happy Zendesking!

  • Avatar
    Vincent Galgano

    "As an alternative to inserting images directly in your articles, you can host your images on a public file server and link to them."

    How? Tried embedding a gif from imgur by inserting the html code but it didn't display the gif

  • Avatar
    Jessie - Community Manager

    Hey Vincent!

    I did some testing of this on my end, and found that I was able to embed .jpgs, but .gifs didn't work. I'm going to check with some Help Center experts to find out if this is expected behavior. I'll let you know what I find out!

  • Avatar
    Brad Ladwig

    Hi Vincent,

    I wanted to clarify "As an alternative to inserting images directly in your articles, you can host your images on a public file server and link to them."  This alternative simply means that if your image is hosted on an external sever, you can hyperlink text within your article instead of inserting an inline image.  When doing so, you would simply want to use the hyperlink button at the top of the text editor and insert the URL so it would like this..

    Have a great day!

  • Avatar
    Omer Kenet

    Hi,

    I am trying to upload an image to my article but it just shows the name of the image and not the image (see screenshot below). I haven't had any issues uploading images up until now, what am I doing wrong?Thank you!

  • Avatar
    Ricky Davis

    Hello, Omer!

     

    I'm very sorry that you're experiencing this issue with your image. I am sending you a ticket notification to your email so we can look in to this further. Thank you! 

     

  • Avatar
    Barry Holtslander

    Hi,

    I am curious about attached images. Is there a way to download them? I would like to be able to host them and then link to them so I can lightbox them. However, some of our articles have inserted images and I'd like to get at them without having to right-click and "copy image" over and over again.

  • Avatar
    Jessie - Community Manager

    Hi Barry!

    You can do this via our API. There's an endpoint specifically for this purpose. You can find that here.

  • Avatar
    Tami Settergren

    Hi there,

    Is the API the only way to delete an unused attachment? 

  • Avatar
    Nicole - Community Manager

    Hi Tami, 

    Can you clarify what you mean by an "unused" attachment? Also is this about images in articles, or attachments on tickets?

  • Avatar
    Tami Settergren

    Hi Nicole,

    I'm referring to images used in articles. I've used the API to delete them, but was wondering if there was a way to do it without having to fire up the ol' command prompt window. 

  • Avatar
    Nicole - Community Manager

    Hi Tami - 

    You should be able to just go into the article, select the image, and hit "delete" - unless I am misunderstanding your question? 

  • Avatar
    Tami Settergren

    Hi Nicole,

    I mean delete them completely from the system, like you can do with assets on the customization page. Not just delete from an article.

  • Avatar
    Jessie - Community Manager

    Hey Tami!

    If you go into the Edit Article screen and select the Add Image icon, you'll see two tabs: Article Images, which shows the images in use in the article, and Unused Images, which are images that were uploaded but never inserted into the article. You can delete unused images from that second tab. Let me know if that doesn't answer your question.

  • Avatar
    Nevoux Guillaume

    HI guys! 

    Is there any way to delete the (very ugly) tiny grey border that appears when we upload an image into an article ? Thanx! 

     

     

  • Avatar
    Trapta

    Hi @Nevoux,

    There is no such border initially when you upload an image into an article unless the border exists in your image or you have added it using some CSS.

    I cannot tell you exactly how to fix that without looking at the code or the HC but you can try the code below and let us know if it works for you.

    .article-body img {border: none;}

    Thanks

     

  • Avatar
    Ondřej Brablc

    Hi @Nau,

    We have figured out how to display original size images, see: https://podpora.shoptet.cz/hc/cs/articles/360003160331-Doprava-a-platby .

    We can add more info if someone is interested.

    Ondřej

  • Avatar
    Barry Holtslander

    Not sure if this will be of assistance but this is the code I add.

    Click the source code button to get at the underlying HTML and put it where you need it. I like it because it gives the end user the option to click the image to make it bigger if there are details in the screenshot the can't make out.

    <p style="text-align: center;"><a href="http://[public server]/[file name]" rel="lightbox"><img style="border-width: 1px; border-style: solid;" src="http://[public server]/[file name]" alt=" "/></a><a style="font-size: 10px;">click to expand</a></p>

    Cheers,

    Barry

  • Avatar
    Jessie - Community Manager

    Thanks for sharing your solutions, Ondřej and Barry!

Please sign in to leave a comment.

Powered by Zendesk