<?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: Missing dependency. SynchronousImage::Update Source By Url in G Web Development Software</title>
    <link>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205306#M201</link>
    <description>&lt;P&gt;Hi Ray.R,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The &lt;A href="https://forums.ni.com/t5/Example-Code/Synchronous-Image-for-WebVI/ta-p/4198872" target="_self"&gt;Synchronous Image for WebVI&lt;/A&gt;&amp;nbsp;is a library I shared on the Example Code forum. It's just an example shared in the forums, it's not part of the G Web Development Software product.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I personally tag examples I share with the &lt;A href="https://forums.ni.com/t5/Example-Code/tkb-p/3039/label-name/Software-G%20Web%20Development%20Software" target="_self"&gt;G Web Development Software tag&lt;/A&gt; but others who make examples are encouraged to share and tag their examples too! The older &lt;A href="https://forums.ni.com/t5/Example-Code/tkb-p/3039/label-name/Software-LabVIEW%20NXG%20Web%20Module/label-name/Software-LabVIEW%20NXG%20Web%20Module" target="_self"&gt;LabVIEW NXG Web Module tag&lt;/A&gt; has some good examples as well but they might not be updated for G Web Development Software (but G Web has a tool to migrate projects so you may be able to import them if they look interesting).&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;BLOCKQUOTE&gt;
&lt;P&gt;The Panel displays an image or picture from a know url (address) on the web.&amp;nbsp; Sounds simple...&amp;nbsp;&lt;/P&gt;
&lt;P&gt;[...]&lt;/P&gt;
&lt;P&gt;You would think that since the image is static that you would not need the while loop which should be completely unnecessary&lt;/P&gt;
&lt;HR /&gt;&lt;/BLOCKQUOTE&gt;
&lt;P&gt;G Web Development Software supports images by URL out of the box! You can drop a URL Image control on the panel and set the URL in the properties pane or from a terminal / property node.&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="urlimage.PNG" style="width: 856px;"&gt;&lt;img src="https://ip1.i.lithium.com/276a9ab7e284e19f3df38f4231b5c9c4eae777d0/68747470733a2f2f6e692e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f32393736303269343744453931333135464544334346392f696d6167652d73697a652f6c617267653f763d76322670783d393939" role="button" title="urlimage.PNG" alt="urlimage.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The SynchronousImage example is for a specific use case, ie very rapidly changing images like you might see on a webcam. The &lt;A href="https://forums.ni.com/t5/Example-Code/Synchronous-Image-for-WebVI/ta-p/4198872" target="_self"&gt;Synchronous Image for WebVI&lt;/A&gt; example gives the following description for the use cases of each:&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;BLOCKQUOTE&gt;
&lt;P&gt;Behavior of the G Web built-in URL Image:&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;Great&amp;nbsp;for relatively static images or images that change infrequently&lt;/LI&gt;
&lt;LI&gt;Behaves like the browser native&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;lt;img&amp;gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;tag&lt;/LI&gt;
&lt;LI&gt;Updating the url clears the image immediately and allows the image to progressively load if supported by the image&lt;/LI&gt;
&lt;LI&gt;If updated too quickly can appear to flicker or appear to ignore the change in url (the url changes again before the image has loaded)&lt;/LI&gt;
&lt;/UL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Behavior of the Synchronous Image example:&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;Great for images that change quickly&lt;/LI&gt;
&lt;LI&gt;Updating the&amp;nbsp;url&amp;nbsp;is blocking and the image is only updated after loading has finished&lt;/LI&gt;
&lt;LI&gt;Can only update the url as fast as the new image loads so no flickering in the image&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR /&gt;&lt;/BLOCKQUOTE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Fri, 21 Jan 2022 01:27:50 GMT</pubDate>
    <dc:creator>MilanR</dc:creator>
    <dc:date>2022-01-21T01:27:50Z</dc:date>
    <item>
      <title>Missing dependency. SynchronousImage::Update Source By Url</title>
      <link>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205296#M200</link>
      <description>&lt;P&gt;My last post only generated the sound of criquets.... Let's see if this one gets any traction.&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I am tried to accomplish what should be the simplest task imaginable, other than "hello world". I want to share how to accomplish a simple task...&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;What I learned from this experience is that information is not that obvious to find, but you can start here.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I'm editing my message because I found the one step that made the initial journey not so...... let's just say "easy"...&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;For this task, begin by clicking on File &amp;gt; New&amp;nbsp; &amp;gt; Application.&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;In the &lt;STRONG&gt;Projects&lt;/STRONG&gt; tab, click &lt;STRONG&gt;Web Application Project&lt;/STRONG&gt;, name your project, and click &lt;STRONG&gt;Create&lt;/STRONG&gt;. &lt;/SPAN&gt;&lt;A name="GUID-6689F9F2-0313-4D74-9DB3-7E875A15BC52__WEB-APP-PARTS-INTRO" target="_blank"&gt;&lt;/A&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;SPAN&gt;Doing the above step will allow the project to provide the needed project items to be able to accomplish the task.&amp;nbsp; Strangely, I would have offered ALL functionality no matter what type of new project is planned.&amp;nbsp; But that's just me.&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Little project:&lt;/P&gt;
&lt;P&gt;The Panel displays an image or picture from a know url (address) on the web.&amp;nbsp; Sounds simple...&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Below is how to do it.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I placed an HTML Container on the Panel and created a reference.&amp;nbsp; I added a While Loop on the diagram and pasted the reference outside the loop (there's a little trick that you'll figure out).&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;To the left of the panel, look for something called "SynchronousImage.gcomp".&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Drag the Create Synchronous Image to the left of the while loop and wire the reference to it.&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Drag the Update Source By Url into the while loop and wire the create function to it.&amp;nbsp; Add an Hyperlink Control (looks like a string control) and wire it to the Update function.&lt;/P&gt;
&lt;P&gt;Drag the Destroy Synchronous Image to the right of the while loop and wire the output of the Update Source to it.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;You would think that since the image is static that you would not need the while loop which should be completely unnecessary...&amp;nbsp; But it's not!!&amp;nbsp; Leave it in to get it working.&amp;nbsp; Remote it after you got it working and see what happens.&amp;nbsp; &lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;If you are lucky and there is no error, you can click on the run button and see the image on the Panel.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Hello image!&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 21 Jan 2022 00:02:13 GMT</pubDate>
      <guid>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205296#M200</guid>
      <dc:creator>Ray.R</dc:creator>
      <dc:date>2022-01-21T00:02:13Z</dc:date>
    </item>
    <item>
      <title>Re: Missing dependency. SynchronousImage::Update Source By Url</title>
      <link>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205306#M201</link>
      <description>&lt;P&gt;Hi Ray.R,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The &lt;A href="https://forums.ni.com/t5/Example-Code/Synchronous-Image-for-WebVI/ta-p/4198872" target="_self"&gt;Synchronous Image for WebVI&lt;/A&gt;&amp;nbsp;is a library I shared on the Example Code forum. It's just an example shared in the forums, it's not part of the G Web Development Software product.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;I personally tag examples I share with the &lt;A href="https://forums.ni.com/t5/Example-Code/tkb-p/3039/label-name/Software-G%20Web%20Development%20Software" target="_self"&gt;G Web Development Software tag&lt;/A&gt; but others who make examples are encouraged to share and tag their examples too! The older &lt;A href="https://forums.ni.com/t5/Example-Code/tkb-p/3039/label-name/Software-LabVIEW%20NXG%20Web%20Module/label-name/Software-LabVIEW%20NXG%20Web%20Module" target="_self"&gt;LabVIEW NXG Web Module tag&lt;/A&gt; has some good examples as well but they might not be updated for G Web Development Software (but G Web has a tool to migrate projects so you may be able to import them if they look interesting).&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;BLOCKQUOTE&gt;
&lt;P&gt;The Panel displays an image or picture from a know url (address) on the web.&amp;nbsp; Sounds simple...&amp;nbsp;&lt;/P&gt;
&lt;P&gt;[...]&lt;/P&gt;
&lt;P&gt;You would think that since the image is static that you would not need the while loop which should be completely unnecessary&lt;/P&gt;
&lt;HR /&gt;&lt;/BLOCKQUOTE&gt;
&lt;P&gt;G Web Development Software supports images by URL out of the box! You can drop a URL Image control on the panel and set the URL in the properties pane or from a terminal / property node.&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="urlimage.PNG" style="width: 856px;"&gt;&lt;img src="https://ip1.i.lithium.com/276a9ab7e284e19f3df38f4231b5c9c4eae777d0/68747470733a2f2f6e692e6c69746869756d2e636f6d2f74352f696d6167652f736572766572706167652f696d6167652d69642f32393736303269343744453931333135464544334346392f696d6167652d73697a652f6c617267653f763d76322670783d393939" role="button" title="urlimage.PNG" alt="urlimage.PNG" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;The SynchronousImage example is for a specific use case, ie very rapidly changing images like you might see on a webcam. The &lt;A href="https://forums.ni.com/t5/Example-Code/Synchronous-Image-for-WebVI/ta-p/4198872" target="_self"&gt;Synchronous Image for WebVI&lt;/A&gt; example gives the following description for the use cases of each:&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;BLOCKQUOTE&gt;
&lt;P&gt;Behavior of the G Web built-in URL Image:&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;Great&amp;nbsp;for relatively static images or images that change infrequently&lt;/LI&gt;
&lt;LI&gt;Behaves like the browser native&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;lt;img&amp;gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;tag&lt;/LI&gt;
&lt;LI&gt;Updating the url clears the image immediately and allows the image to progressively load if supported by the image&lt;/LI&gt;
&lt;LI&gt;If updated too quickly can appear to flicker or appear to ignore the change in url (the url changes again before the image has loaded)&lt;/LI&gt;
&lt;/UL&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Behavior of the Synchronous Image example:&lt;/P&gt;
&lt;UL&gt;
&lt;LI&gt;Great for images that change quickly&lt;/LI&gt;
&lt;LI&gt;Updating the&amp;nbsp;url&amp;nbsp;is blocking and the image is only updated after loading has finished&lt;/LI&gt;
&lt;LI&gt;Can only update the url as fast as the new image loads so no flickering in the image&lt;/LI&gt;
&lt;/UL&gt;
&lt;HR /&gt;&lt;/BLOCKQUOTE&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 21 Jan 2022 01:27:50 GMT</pubDate>
      <guid>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205306#M201</guid>
      <dc:creator>MilanR</dc:creator>
      <dc:date>2022-01-21T01:27:50Z</dc:date>
    </item>
    <item>
      <title>Re: Missing dependency. SynchronousImage::Update Source By Url</title>
      <link>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205452#M204</link>
      <description>&lt;P&gt;Thanks Milan,&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;For some strange reason, the URL image did not work for me.&amp;nbsp; I will need to try it again.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;RayR&lt;/P&gt;</description>
      <pubDate>Fri, 21 Jan 2022 18:51:55 GMT</pubDate>
      <guid>https://ni.lithium.com/t5/G-Web-Development-Software/Missing-dependency-SynchronousImage-Update-Source-By-Url/m-p/4205452#M204</guid>
      <dc:creator>Ray.R</dc:creator>
      <dc:date>2022-01-21T18:51:55Z</dc:date>
    </item>
  </channel>
</rss>

