Skip to Content (Press Enter)
UserImage.jpg
António Matos
1485Views
5Comments
svg image format
Question
Hello,

I tried to insert an image with an svg format (Vectorial image) in service studio, but the only way i got to do so is trough 'Resources'.
Doing so, i have to create an image tag by hand, wich is not good.

Will service studio have support for this types of images to be used as a normal image (png, jpg...) in the future?
This way, i can avoid using unescaped expressions for inserting svg images.

Kind regards,
António Matos
1
0
28 Jan 2013
Copy Link
2012-03-16 12-21-09
João Rosado
Staff
Hi António,

Don't think that its curently a planned feature, but you can add the idea to the wisdom of the crowds.


As for the workaround, you don't need to use unescaped expressions to do that.
Just add them as resources and use image widgets with the type set to external. Then use a relative url to that resource.

Regards
João Rosado
0
0
28 Jan 2013
Copy Link
UserImage.jpg
António Matos
Hello João,

I didn't realised that i could use the image widget that way.

I wil add the idea to the wisdom of the crowds.

Thanks for the info.

Regards,
António Matos
0
0
29 Jan 2013
Copy Link
UserImage.jpg
Wayne Paterson

Hi, I am trying to do the same thing (add an SVG image into my page), I'm new to OutSystems, would anyone be able to explain this process, possibly give me an axample of how to do this?
0
0
13 Jul 2015
Copy Link
2016-11-26 15-34-17
David Allen

Wayne Paterson wrote:


Hi, I am trying to do the same thing (add an SVG image into my page), I'm new to OutSystems, would anyone be able to explain this process, possibly give me an axample of how to do this?

@Wayne Paterson, here is how:

1. On the Data tab, scroll down to Resources folder, and "Import Resource," specifying your svg file.

2. Set the resource properties: Deploy Action = Deploy to Target Directory

3. COpy the Runtime Path from the resource, you will need it

Below is an example of how to change your logo to use this image. But this works for any image element:

1. On the Interface tab, under UI FLows, Common, open Header.

2. Click the image in the upper left 

3. Set Image properties: Type: External, URL: what you copied when you saved the resource


Now publish, and you'll see your SVG file in the image element.


2
0
26 Nov 2016
Copy Link
UserImage.jpg
Lingjie Zhou

I followed your step on system 11.7.4, the svg does not show . png format is show out. 


David Allen wrote:

Wayne Paterson wrote:


Hi, I am trying to do the same thing (add an SVG image into my page), I'm new to OutSystems, would anyone be able to explain this process, possibly give me an axample of how to do this?

@Wayne Paterson, here is how:

1. On the Data tab, scroll down to Resources folder, and "Import Resource," specifying your svg file.

2. Set the resource properties: Deploy Action = Deploy to Target Directory

3. COpy the Runtime Path from the resource, you will need it

Below is an example of how to change your logo to use this image. But this works for any image element:

1. On the Interface tab, under UI FLows, Common, open Header.

2. Click the image in the upper left 

3. Set Image properties: Type: External, URL: what you copied when you saved the resource


Now publish, and you'll see your SVG file in the image element.




0
0
27 Apr 2020
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.