Forum
SVG Workflow with perch
Hi,
I have a folder full of svg files that I want to give the client access to as a dropdown select in the back end, then spitting that svg code out inline into the template.
Crucially it needs to be an inline svg so that I can style it with css.
I currently have a workflow which allows the option value from the select field to generate the filename in an image tag.
Normally for my inline svg workflow i'd use php to include or file_get_contents of the svg file. Can you think of a good way of doing this in perch?
I read an article on perchd.io about using
perch_layout()for this:https://perchd.io/why-bother-with-perchlayout
That'll work, thanks Drew!
Thinking about it... I am doing this at template level, so they can select the option in the select field, but then how do I pass that to <perch:layout path="path/name" svgicon="hammer" /> where 'hammer' is the output of the select field?
Layouts are rendered in the runtime parse, so you should be able to nest a content tag within it, I think.
Ah, great that's perfect! I'll document it here once I get it working.
I got it working. So, renaming my svg files to .php and placing them in perch/templates/layouts/svg, I can use the following code:
This spits out the content of those 'php' files (which are actually just SVG content) onto the page, thus allowing you to style the SVG using css. Great!