Embedding SVG in Office 365 page - svg

Office 365 newbie. Just want to build a web page. Create a web page. Fine. Try to embed some SVG (from InkScape). Displays resulting image fine (yay!) but when I save, image disappears and says I should have used "embed command". Ok, try embed dialog. Displays resulting image fine (yay!) which then disappears when I save. I would just assume no SVG support, but it seems to be able to draw images from SVG just fine, but tosses the SVG code whenever I save. Hoping there's a checkbox somewhere that says "stop throwing away embedded SVG".

When I used Word 2010 and Inkscape, I found it useful to export the image from Inkscape as an Enhanced Metafile (EMF). I did so because the images then remained vectorized in PDFs. Not using Windows anymore, I can't speak for Word 2013, but I'd suggest you try it.

Office 365 started to support SVG format recently. Saving an Office file with SVGs in it shouldn't cause any problems anymore.
Btw: If someone needs to export a document to PDF, it is still recommended to use EMF as vector graphic format, since PDF doesn't support SVG natively.

Related

How do you set default zoom for an embedded document(Visio) in SharePoint?

I have tried to add the &z=15 and %zoom=15 to try to edit the default zoom in the embed code but it seems to not change anything. Also, I have changed up the width and height of the embed code but that didn't change the zoom just the overall dimensions. I am trying to embed a flowchart into my company's intranet SharePoint but the zoom is always set to 19% or 24% by default which makes it impossible to see anything in the diagram by default. I want it to start zoomed in at like 100% so the website/diagram is easier to use.
I have also tried to print it in a pdf, converting it to pdf, and converting it to other formats for the file viewer to give different views but it came to no avail. The closest thing was when I changed it to pdf and it gave me a better view, but I lost the interactive embed that a normal Visio embed would give.
Thank you for your help!
Puzzled with a similar problem, I've built a special Web Part for that (it provides additional options for embedding that are not part of the stock web part, such as zoom).
The source code:
https://github.com/nbelyh/VisioOnlineSpfxWebPart
Here web part in MS Store: https://appsource.microsoft.com/en-us/product/office/wa200002491

Image Overlay in SharePoint

I am trying to create a Microsoft SharePoint page which will contain an image and then there will be a lot of other clickable images on top of it. I am familiar with how to do this using HTML and CSS, but from what I can tell, SharePoint does not allow this type of image placement. Can anyone give me some pointers on how to do this?
I was originally trying to just insert images onto the page editor, and then manually try to drag one image onto another. This didn't work. But then after some experimenting I found the Insert Code Snippet tool, which I then constructed a custom HTML image of exactly what I want. Worked perfectly.

Samsung Internet browser causing issues with font-face and svg image

I am having a weird problem with #font-face and svg images specifically on the Samsung Internet Browser on a webpage I am developing. It has some pretty strange issues.
Part 1: The font-face problem.
I am using 2 font-faces. For some reason in the footer area they load perfectly fine. But in other parts of the document they don't. Example:
Image of footer area
On this image, the blockquote is displayed with the correct font, below that the Follow Us part uses the second font-face and it displays correctly too. The About Us heading uses the same font-face as the blockquote element but it doesn't display correctly. Now, the second image:
Image of header area
The problem here is that the About Us huge heading uses the same font as the Follow us text in the footer area (visible in image 1), but it's not displaying correctly.
Part 2: The SVG image problem
In the Image of header area if you focus on the upper border of the text container below About Us you can see that there's a very deformed SVG logo that says Petit Délice. If I open the image in a new tab it displays correctly, but inside the page it doesn't. I was thinking of using png substitution for browsers without svg support but from what I can see it wouldn't be of use in this case as the browser does support SVG.
Now, these two issues only occur in that specific browser and from what I've been able to check it happens in Android 4.2 and 4.4 on Samsung phones.
The site works perfectly fine on Chrome (both Android and iOS), Firefox and on Safari, but the customer has a Samsung phone and for some reason uses the s*itty browser it has by default which is causing me severe headaches.
You can check the site on this link

Changing font of text inside an extension library dialog box?

How do you change the text within the extension library dialog box? No matter what I do, the text remains the same size. I can see the font change in the designer cleint but not in the browser. I tried looking at it with IE Developer Tools but I can't even see the text anywhere.
I have no idea what was going on yesterday but it just wasn't working. I was simply trying to set the text size of a computed field inside a dialog box. I changed the font size in the properties of the computed field and seems to work now, We have seen these issues on our dev server before.
I am not sure if you can change the text with text options but you can if you use HTML, and it should also work with CSS.
Standard <h1><h2><h... oh you get the idea works for me.

Outlook Add-in 2013 - Animated Gif images in the ribbon

I'm developing an Outlook Add-in in Visual studio 2012 (.NET 4.5). To present information to our users I need to display an button in a custom ribbon whose image is an animated gif.
Thus far I have done the following:
1) Added the animated GIF to my projects resources
2) Add a button which calls a local method 'GetImage'
3) GetImage returns a Bitmap object from resources representing the GIF image.
When I launch the add-In the image loads but doesn't animate it just remains static. My question is does the outlook ribbon support animated gifs and if so what am I missing?
Thank you for your help
Outlook does not supports GIFs, much less animated GIFs, on the ribbons.

Resources