<?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 Re: Image src slashes removed in CMS Development</title>
    <link>https://community.hubspot.com/t5/CMS-Development/Image-src-slashes-removed/m-p/935751#M38160</link>
    <description>&lt;P&gt;sigh....folks, always close your quotes.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I didn't close the quote on the item wrapper and that's where I goofed. VS Code had it red too but I just thought that was because of the HubL. image.src works as it should, my eyes on the otherhand...&lt;/P&gt;</description>
    <pubDate>Fri, 01 Mar 2024 01:47:48 GMT</pubDate>
    <dc:creator>EdCupaioli</dc:creator>
    <dc:date>2024-03-01T01:47:48Z</dc:date>
    <item>
      <title>Image src slashes removed</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Image-src-slashes-removed/m-p/935747#M38159</link>
      <description>&lt;P&gt;&lt;FONT size="5"&gt;Background&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;FONT size="4"&gt;Created a repeating field group and I have an image as one of the fields.&amp;nbsp;&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;FONT size="5"&gt;What I would expect&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;FONT size="4"&gt;I would expect my image field src object to populate with the URL to the image containing slashes for each section of the URL path.&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;FONT size="5"&gt;What I see&lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;FONT size="4"&gt;The image field src object is populated in the image src attribute with spaces replaced in the slashes: &lt;/FONT&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-02-29 at 5.31.57 PM.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/111880i1AE3A05F70E610E5/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Screenshot 2024-02-29 at 5.31.57 PM.png" alt="Screenshot 2024-02-29 at 5.31.57 PM.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt; &lt;/P&gt;&lt;P&gt;I printed out the src object as a string and it populates correctly:&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2024-02-29 at 5.32.04 PM.png" style="width: 400px;"&gt;&lt;img src="https://community.hubspot.com/t5/image/serverpage/image-id/111881i421D56403CFC9509/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Screenshot 2024-02-29 at 5.32.04 PM.png" alt="Screenshot 2024-02-29 at 5.32.04 PM.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Here is my code for full context:&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="markup"&gt;&amp;lt;div class="team-grid"&amp;gt;
  {% for item in module.team %}
  &amp;lt;div class="team-member&amp;gt;
    {% if item.team_image.src %}
      {% set sizeAttrs = 'width="{{ item.team_image.width }}" height="{{ item.team_image.height }}"' %}
      {% if item.team_image.size_type == 'auto' %}
        {% set sizeAttrs = 'width="{{ item.team_image.width }}" height="{{ item.team_image.height }}" style="max-width: 100%; height: auto;"' %}
      {% elif item.team_image.size_type == 'auto_custom_max' %}
        {% set sizeAttrs = 'width="{{ item.team_image.max_width }}" height="{{ item.team_image.max_height }}" style="max-width: 100%; height: auto;"' %}
      {% endif %}
       {% set loadingAttr = item.team_image.loading != 'disabled' ? 'loading="{{ item.team_image.loading }}"' : '' %}
      &amp;lt;img src="{{ item.team_image.src }}" data-image="{{ item.team_image.src }}" alt="{{ item.team_image.alt }}" {{ loadingAttr }} {{ sizeAttrs }}&amp;gt;
    {% endif %}
		&amp;lt;pre&amp;gt;{{ item.team_image.src }}&amp;lt;/pre&amp;gt;
    &amp;lt;h4&amp;gt;
      {% inline_text field="team_name" value="{{ item.team_name }}" %}
    &amp;lt;/h4&amp;gt;
    &amp;lt;p&amp;gt;
      {% inline_text field="team_role" value="{{ item.team_role }}" %}  
    &amp;lt;/p&amp;gt;
  &amp;lt;/div&amp;gt;
{% endfor %}  
&amp;lt;/div&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; &lt;/P&gt;</description>
      <pubDate>Fri, 01 Mar 2024 01:43:00 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Image-src-slashes-removed/m-p/935747#M38159</guid>
      <dc:creator>EdCupaioli</dc:creator>
      <dc:date>2024-03-01T01:43:00Z</dc:date>
    </item>
    <item>
      <title>Re: Image src slashes removed</title>
      <link>https://community.hubspot.com/t5/CMS-Development/Image-src-slashes-removed/m-p/935751#M38160</link>
      <description>&lt;P&gt;sigh....folks, always close your quotes.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I didn't close the quote on the item wrapper and that's where I goofed. VS Code had it red too but I just thought that was because of the HubL. image.src works as it should, my eyes on the otherhand...&lt;/P&gt;</description>
      <pubDate>Fri, 01 Mar 2024 01:47:48 GMT</pubDate>
      <guid>https://community.hubspot.com/t5/CMS-Development/Image-src-slashes-removed/m-p/935751#M38160</guid>
      <dc:creator>EdCupaioli</dc:creator>
      <dc:date>2024-03-01T01:47:48Z</dc:date>
    </item>
  </channel>
</rss>

