Facility Control

I would like to display a sponsor (PNG) image in my panel.  I have a file picker parameter and I can see the file path of the image.  I was hoping that once I selected an image, I could use the setStyle command to change the background image of a Dropspot area (or something else) to display this PNG file.

Hi Brian,

To set a style to the preview of the image, you can use ogscript.setStyle() function.

An example of using that function could be ogscript.setStyle('ImagePreview', 'bg-u:' + imageUrl);

The above snippet sets the background of the label 'ImagePreview' to the selected image.

For your reference, I have also attached a grid panel below that does exactly what you are looking for.

Hope it helps.

Best Regards,

I would like to display a sponsor (PNG) image in my panel.  I have a file picker parameter and I can see the file path of the image.  I was hoping that once I selected an image, I could use the setStyle command to change the background image of a Dropspot area (or something else) to display this PNG file.

Is there a method I can use that will remove the file:/ portion of the filename ?

Hi Brian,

To set a style to the preview of the image, you can use ogscript.setStyle() function.

An example of using that function could be ogscript.setStyle('ImagePreview', 'bg-u:' + imageUrl);

The above snippet sets the background of the label 'ImagePreview' to the selected image.

For your reference, I have also attached a grid panel below that does exactly what you are looking for.

Hope it helps.

Best Regards,

I would like to display a sponsor (PNG) image in my panel.  I have a file picker parameter and I can see the file path of the image.  I was hoping that once I selected an image, I could use the setStyle command to change the background image of a Dropspot area (or something else) to display this PNG file.

Hi Brian,

To trim the file:/ part of the directory you can use the replace function to replace file:/ part of the directory with an empty string. You can find the example below:

         var trimmedDir = currentDir.replace(/^file:\//, '');
         ogscript.debug(trimmedDir);

Hope it helps.

Best Regards,

Is there a method I can use that will remove the file:/ portion of the filename ?

Hi Brian,

To set a style to the preview of the image, you can use ogscript.setStyle() function.

An example of using that function could be ogscript.setStyle('ImagePreview', 'bg-u:' + imageUrl);

The above snippet sets the background of the label 'ImagePreview' to the selected image.

For your reference, I have also attached a grid panel below that does exactly what you are looking for.

Hope it helps.

Best Regards,

I would like to display a sponsor (PNG) image in my panel.  I have a file picker parameter and I can see the file path of the image.  I was hoping that once I selected an image, I could use the setStyle command to change the background image of a Dropspot area (or something else) to display this PNG file.

Hi Brian,

Also, a better way to trim the 'file:/' part of the directory would be using the substr() method. You can use it as follows:

         var trimmedDir = currentDir.substr(6);
         ogscript.debug(trimmedDir);

Hope this helps.

Best Regards,

Hi Brian,

To trim the file:/ part of the directory you can use the replace function to replace file:/ part of the directory with an empty string. You can find the example below:

         var trimmedDir = currentDir.replace(/^file:\//, '');
         ogscript.debug(trimmedDir);

Hope it helps.

Best Regards,

Is there a method I can use that will remove the file:/ portion of the filename ?

Hi Brian,

To set a style to the preview of the image, you can use ogscript.setStyle() function.

An example of using that function could be ogscript.setStyle('ImagePreview', 'bg-u:' + imageUrl);

The above snippet sets the background of the label 'ImagePreview' to the selected image.

For your reference, I have also attached a grid panel below that does exactly what you are looking for.

Hope it helps.

Best Regards,

I would like to display a sponsor (PNG) image in my panel.  I have a file picker parameter and I can see the file path of the image.  I was hoping that once I selected an image, I could use the setStyle command to change the background image of a Dropspot area (or something else) to display this PNG file.