<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic SVG Clickability for Page Navigation in Developer</title>
    <link>https://community.fabric.microsoft.com/t5/Developer/SVG-Clickability-for-Page-Navigation/m-p/3602189#M46460</link>
    <description>&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="12 -10 80 55" width="200" height="49"&amp;gt;
      &amp;lt;style&amp;gt;#svg-group { fill: #7F7F7F; } #Layer_1:hover #svg-group { fill: #FFF; transition: fill 0.5s ease; } #Layer_1:hover #svg-group text { fill: #FFF; transition: fill 0.2s ease; }&amp;lt;/style&amp;gt;
      &amp;lt;rect x="-9" y="-8" width="44" height="44" rx="10"  fill="#404040"/&amp;gt;
      &amp;lt;g id="svg-group" transform="scale(1.1)"&amp;gt;
        &amp;lt;path d="M12,14a3,3,0,0,0-3,3v7.026h6V17A3,3,0,0,0,12,14Z"/&amp;gt;
        &amp;lt;path d="M13.338,.833a2,2,0,0,0-2.676,0L0,10.429v10.4a3.2,3.2,0,0,0,3.2,3.2H7V17a5,5,0,0,1,10,0v7.026h3.8a3.2,3.2,0,0,0,3.2-3.2v-10.4Z"/&amp;gt;
        &amp;lt;text x="35" y="23" font-size="22" fill="#7F7F7F" font-family="Arial, sans-serif" font-weight="bold" dy="5;"&amp;gt;Home&amp;lt;/text&amp;gt;
      &amp;lt;/g&amp;gt;
    &amp;lt;/svg&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Hello all,&lt;/P&gt;&lt;P&gt;I am new to Power BI and I am creating a dashboard where i have a navigation pane on the left side of the screen. I have an SVG file where is an icon, a rounded square behind it and the word "Home" that turns color with transitioning speed when hovered over. I would like to make more of these for different pages in the dashboard to facilitate page navigation and make it more intuitive for end-users.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;My current issue is that I cannot make an SVG file (put in using the HTML Content custom visual) navigate to a page without having a button that would either be infront of it and cover it and remove the color transitioning when hovered over, or be behind it and not be clickable.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Is there any way to go around this at all? I could not find any resources about making an SVG clickable to a different page. I realize I can make it navigate to a different web page but that doesn't sound appealing to me.&lt;/P&gt;</description>
    <pubDate>Tue, 26 Dec 2023 13:29:10 GMT</pubDate>
    <dc:creator>MajedAK</dc:creator>
    <dc:date>2023-12-26T13:29:10Z</dc:date>
    <item>
      <title>SVG Clickability for Page Navigation</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/SVG-Clickability-for-Page-Navigation/m-p/3602189#M46460</link>
      <description>&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="12 -10 80 55" width="200" height="49"&amp;gt;
      &amp;lt;style&amp;gt;#svg-group { fill: #7F7F7F; } #Layer_1:hover #svg-group { fill: #FFF; transition: fill 0.5s ease; } #Layer_1:hover #svg-group text { fill: #FFF; transition: fill 0.2s ease; }&amp;lt;/style&amp;gt;
      &amp;lt;rect x="-9" y="-8" width="44" height="44" rx="10"  fill="#404040"/&amp;gt;
      &amp;lt;g id="svg-group" transform="scale(1.1)"&amp;gt;
        &amp;lt;path d="M12,14a3,3,0,0,0-3,3v7.026h6V17A3,3,0,0,0,12,14Z"/&amp;gt;
        &amp;lt;path d="M13.338,.833a2,2,0,0,0-2.676,0L0,10.429v10.4a3.2,3.2,0,0,0,3.2,3.2H7V17a5,5,0,0,1,10,0v7.026h3.8a3.2,3.2,0,0,0,3.2-3.2v-10.4Z"/&amp;gt;
        &amp;lt;text x="35" y="23" font-size="22" fill="#7F7F7F" font-family="Arial, sans-serif" font-weight="bold" dy="5;"&amp;gt;Home&amp;lt;/text&amp;gt;
      &amp;lt;/g&amp;gt;
    &amp;lt;/svg&amp;gt;&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Hello all,&lt;/P&gt;&lt;P&gt;I am new to Power BI and I am creating a dashboard where i have a navigation pane on the left side of the screen. I have an SVG file where is an icon, a rounded square behind it and the word "Home" that turns color with transitioning speed when hovered over. I would like to make more of these for different pages in the dashboard to facilitate page navigation and make it more intuitive for end-users.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;My current issue is that I cannot make an SVG file (put in using the HTML Content custom visual) navigate to a page without having a button that would either be infront of it and cover it and remove the color transitioning when hovered over, or be behind it and not be clickable.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Is there any way to go around this at all? I could not find any resources about making an SVG clickable to a different page. I realize I can make it navigate to a different web page but that doesn't sound appealing to me.&lt;/P&gt;</description>
      <pubDate>Tue, 26 Dec 2023 13:29:10 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/SVG-Clickability-for-Page-Navigation/m-p/3602189#M46460</guid>
      <dc:creator>MajedAK</dc:creator>
      <dc:date>2023-12-26T13:29:10Z</dc:date>
    </item>
    <item>
      <title>Re: SVG Clickability for Page Navigation</title>
      <link>https://community.fabric.microsoft.com/t5/Developer/SVG-Clickability-for-Page-Navigation/m-p/3607882#M46876</link>
      <description>&lt;P&gt;A report page in a published report is "a different web page"&amp;nbsp; so you should not discard that option.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;However - please focus on providing your users with a fast path to insights. Having fancy button animations is not useful.&lt;/P&gt;</description>
      <pubDate>Sat, 30 Dec 2023 02:17:34 GMT</pubDate>
      <guid>https://community.fabric.microsoft.com/t5/Developer/SVG-Clickability-for-Page-Navigation/m-p/3607882#M46876</guid>
      <dc:creator>lbendlin</dc:creator>
      <dc:date>2023-12-30T02:17:34Z</dc:date>
    </item>
  </channel>
</rss>

