Bo Lovenhjelm

Hi,
I'm using the version 2.3.1 of the Affinity Suite for MacOS.
When implementing a svg-file exported from any of the software in the suite into a HTML document I want to be able to control the svg file with CSS - eg stroke widths, colors, fills and so on. With svg files exported from any of the software form Affinity Suite this is not possible. The only thing I can control with CSS is the image size due to the fact that the exported svg file contains internal css that has to be stripped in an text editor before styling with CSS is possible.
The only "solution" I've found as of yet (besides opening every svg in a text editor and strip away internal CSS) is to open the svg file in Adobe Illustrator and export it again with the box "Presentation mode" ticked and only THEN I'm finally able to control the svg file as intended.
I've attached 2 files exported from both Affinity Pulbisher and Adobe Illustrator Also attached are screen shots with export settings from both softwares. Just to be clear, a svg file exported from affinity software works on a web page but is not controllable with CSS besides the image size.


I have several hundreds of icons made in svg format for print already and instead of me opening up the svg files in a text editor, stripping them of the styles and then upload into the CMS for the CSS to work it's magic it would be nice if they, as one already can in illustrator, could just open the files in Affinity and export the svg "For Web" and the work would be done further convincing everybody of the excellence of Affinity and move forwards to make the software switch from Adobe.
Final thought..
Wouldn't it be nice though, if one could open all these svg-files up in Affinity and batch export them "For Web" in one nice sweep?
affinity.svg illustrator.svg

Hi everybody and thanx for all your replies
I appreciate all the tips on how to "fix" the svg code manually though I really don't need them as I've worked professionally as a frontend developer and graphic designer for two decades now and of course I know how to strip the svg code for styles in a text editor and then style them in my .scss file.
I also know how Affinity Suite works as I've been a beta tester of Affinity Publisher since before the first public release and well aware of how the software and generated file formats work. And - I love all affinity products and use them every day 🙂
The point of the matter is that I work as a frontend dev at a large company in Sweden which has an inhouse marketing department of about 25 people that have used Adobes products for a really long time and I have finally convinced them of trying Affinitys software out to see if they can replace Adobes products with Affinitys.
And yes, for all of us in the Affinity community the advantages of switching to Affininty Suite are obvious and many but for a large company, there are risks attached as they have produced many Indesign and Illustrator files over the years.
Now, the problem isn't that I can't solve using svg files in our CMS possible but that I do not control the creation of these files as I'm not the one creating them. As we have a CMS setup with content editors in 26 different countries this is not possible and all of them as well as the members of our marketing team have NO knowledge of css or html as it is not their job.
There are several hundreds of icons made in svg formate for print already and instead of me and all of the others opening up the svg files in a text editor, stripping them of the styles and then upload into the CMS for the CSS to work it's magic it would be nice if they, as they already can in illustrator, could just open the files in Affinity and export the svg "For Web" and the work would be done further convincing all of the excellence of Affinity and move forwards to make the software switch.
I apologize for making a bug report about this, though I really was hoping it was one, and agree with v_kyr that it should have been a feature request instead.
Final thought..
Wouldn't it be nice though, if one could open all these svg-files up in Affinity and batch export them "For Web" in one nice sweep?

Hi everybody and thanx for all your replies
I appreciate all the tips on how to "fix" the svg code manually though I really don't need them as I've worked professionally as a frontend developer and graphic designer for two decades now and of course I know how to strip the svg code for styles in a text editor and then style them in my .scss file.
I also know how Affinity Suite works as I've been a beta tester of Affinity Publisher since before the first public release and well aware of how the software and generated file formats work. And - I love all affinity products and use them every day 🙂
The point of the matter is that I work as a frontend dev at a large company in Sweden which has an inhouse marketing department of about 25 people that have used Adobes products for a really long time and I have finally convinced them of trying Affinitys software out to see if they can replace Adobes products with Affinitys.
And yes, for all of us in the Affinity community the advantages of switching to Affininty Suite are obvious and many but for a large company, there are risks attached as they have produced many Indesign and Illustrator files over the years.
Now, the problem isn't that I can't solve using svg files in our CMS possible but that I do not control the creation of these files as I'm not the one creating them. As we have a CMS setup with content editors in 26 different countries this is not possible and all of them as well as the members of our marketing team have NO knowledge of css or html as it is not their job.
There are several hundreds of icons made in svg formate for print already and instead of me and all of the others opening up the svg files in a text editor, stripping them of the styles and then upload into the CMS for the CSS to work it's magic it would be nice if they, as they already can in illustrator, could just open the files in Affinity and export the svg "For Web" and the work would be done further convincing all of the excellence of Affinity and move forwards to make the software switch.
I apologize for making a bug report about this, though I really was hoping it was one, and agree with v_kyr that it should have been a feature request instead.
Final thought..
Wouldn't it be nice though, if one could open all these svg-files up in Affinity and batch export them "For Web" in one nice sweep?

Hi,
There is a bug that I've been waiting for to be solved by the Affinity Team but as of yet - no luck.
I'm using the version 2.3.1 of the Affinity Suite for MacOS.
When implementing a svg-file exported from any of the software in the suite into a HTML document I want to be able to control the svg file with CSS - eg stroke widths, colors, fills and so on. With svg files exported from any of the software form Affinity Suite this is not possible. The only thing I can control with CSS is the size.
The only "solution" I've found as of yet is to open the svg file in Adobe Illustrator and export it again with the box "Presentation mode" ticked and only THEN I'm finally able to control the svg file as intended.
I've attached 2 files exported from both Affinity Pulbisher and Adobe Illustrator Also attached are screen shots with export settings from both softwares. Just to be clear, a svg file exported from affinity software works on a web page but is not controllable with CSS.
Please fix this bug asap as I don't want to be forced to keep Illustrator just to be able to produce svg files that can be controlled with CSS.


affinity.svg illustrator.svg

Hi,
There is a bug that I've been waiting for to be solved by the Affinity Team but as of yet - no luck.
I'm using the version 2.3.1 of the Affinity Suite for MacOS.
When implementing a svg-file exported from any of the software in the suite into a HTML document I want to be able to control the svg file with CSS - eg stroke widths, colors, fills and so on. With svg files exported from any of the software form Affinity Suite this is not possible. The only thing I can control with CSS is the size.
The only "solution" I've found as of yet is to open the svg file in Adobe Illustrator and export it again with the box "Presentation mode" ticked and only THEN I'm finally able to control the svg file as intended.
I've attached 2 files exported from both Affinity Pulbisher and Adobe Illustrator Also attached are screen shots with export settings from both softwares. Just to be clear, a svg file exported from affinity software works on a web page but is not controllable with CSS.
Please fix this bug asap as I don't want to be forced to keep Illustrator just to be able to produce svg files that can be controlled with CSS.


affinity.svg illustrator.svg

I have a document of 42 pages, each of them containing one calling card.
I would like to be able to export just a few selected pages to a PDF-file for print but AP doesn't seem to have that option.
Let's say that I would like to export pages 3, 5, 9, 13 and 32..
Now It's just possible to select All spreads, All pages, selected spread or selected page.
This forces me to export all pages, open in Adobe Acrobat and then remove unwanted pages from there.
OR
I could cut all unwanted pages from document, then export remaining pages as pdf and then paste al pages back again.
Seems to me there has to be a better way..

Wouldn't it be a nice feature if the user could choose which stock sources to include in stock panel somehow?
Even if one couldn't, to be able to choose from Unsplash's free photos would be of great value

I would like to be able to decide which border colors to use for both margins and bleeds.
For instance, it would be nice to be able to have an orange border color for bleeds and a nice greyish border color for margins.
Possible?

Wouldn't it be a nice feature if the user could choose which stock sources to include in stock panel somehow?
Even if one couldn't, to be able to choose from Unsplash's free photos would be of great value

Ok, so finally..
When all of America has gone to sleep, download worked
 

Ok, so finally..
When all of America has gone to sleep, download worked
 

In the Character Panel, select Language and pick English UK ( or another) yours is currently set to unknown
See attached
 
 
filler-text2.afpub

I just noticed my sig needs updating, but yes I am running 10.13.6 (& the current build 58 version of APub).
Anyway, when I opened your filler text apub document, I noticed this in the Language > Spelling section of the Character panel:

Change that to one of the English choices & see if that makes any difference.

Did you try this?  You may have missed it in my reply above
"Try creating a new document and insert Filler Text on that, mine would not change if I have already used the standard Filler Text on a document "
 
 

Try creating a new document and insert Filler Text on that, mine would not change if I have already used the standard Filler Text on a document
If you have the move Tool selected it can be "intermittent", try selecting the Text (highlighting it) then using Expand Field

3.  Filler Text is special and always expands or reduces to fill the size of the text frame as you resize the text frame.
4. Right click the filler Text and select Expand Field (or Text > Expand > Expand Field) to turn the text into normal text (no longer special) which you can edit as normal
5. See 3 above.  Hence no "eye" icon as it never overflows

Like I was told, problem occurs when having an image on a master page.
So avoid that, for this beta version

Hmm, seemes like the tip U gave me about changing settings from "Nearest neighbour" to "Bilinear" solved all my problems both with screen rendering and image quality in exported high resolution pdf.
THANK YOU!
 

I would like to be able to decide which border colors to use for both margins and bleeds.
For instance, it would be nice to be able to have an orange border color for bleeds and a nice greyish border color for margins.
Possible?

I would like to be able to decide which border colors to use for both margins and bleeds.
For instance, it would be nice to be able to have an orange border color for bleeds and a nice greyish border color for margins.
Possible?

I have a document of 42 pages, each of them containing one calling card.
I would like to be able to export just a few selected pages to a PDF-file for print but AP doesn't seem to have that option.
Let's say that I would like to export pages 3, 5, 9, 13 and 32..
Now It's just possible to select All spreads, All pages, selected spread or selected page.
This forces me to export all pages, open in Adobe Acrobat and then remove unwanted pages from there.
OR
I could cut all unwanted pages from document, then export remaining pages as pdf and then paste al pages back again.
Seems to me there has to be a better way..