Different SVGs in single FTL fileDifferent SVGs in single FTL filehttps://liferay.dev/en/c/message_boards/find_thread?p_l_id=119785333&threadId=1216381072024-03-29T08:41:12Z2024-03-29T08:41:12ZDifferent SVGs in single FTL fileIoannis Koinarishttps://liferay.dev/en/c/message_boards/find_message?p_l_id=119785333&messageId=1216381062023-01-31T21:29:10Z2023-01-30T14:56:10Z<p>Hello everybody,</p>
<p>ich have a question regarding the call of different SVGs in one
single FTL file.</p>
<p>Whether an SVG is shown depends on a different CSS class. So for
example we have in the FTL file:</p>
<p>
<em><path class="class1" d=".....d for SVG1..." /></em></p>
<p>
<em><path class="class2" d="...d for SVG2..."/></em></p>
<p>
<em>...</em></p>
<p>However the SVGs are not shown in browser as they should, since the
CSS classes are overwritting each other. Is there any solution to this
problem? For example is there an if-else structure that allows us to
call different SVGs? For example:</p>
<p>
<em><#if class="class1"></em></p>
<p>
<em> <path d="...d for SVG1..." /></em></p>
<p>
<em><#elseif class="class2"></em></p>
<p>
<em> <path d="...d for SVG2..." /></em></p>
<p>
<em>....</em></p>
<p>Thank you in advance!<