Focal Point
[SOLVED] Adding an Image in the repository to CSS

This topic can be found at:
https://forums.informationbuilders.com/eve/forums/a/tpc/f/7971057331/m/6707019786

October 02, 2017, 11:45 AM
John Coleman
[SOLVED] Adding an Image in the repository to CSS
I am tweaking the Custom CSS for my team in order for it to load the same banner image for each portal they create. I am trying to achieve a "Add this CSS file and build your portal so all teams' look the same.

I am trying to target an image to use for the background, but I can't get it to populate using the path given in the image's properties tab. which is (IBFS:/WFC/Repository/Public/header_dg.jpg)

Is there a way to find out where this physically lives on the repository or can I (ideally) write the CSS to include that image right from AppStudio?

This message has been edited. Last edited by: FP Mod Chuck,


John Coleman
WEBFocus 8.1.05
Windows 7
October 02, 2017, 12:10 PM
MartinY
quote:

where this physically lives on the repository

The Repository is from a DB, so it's not a "real" path.

quote:

but I can't get it to populate using the path given in the image's properties tab

Does the image (and the folder) is "Published" and is accessible by your WF security model ?

quote:

can I (ideally) write the CSS to include that image right from AppStudio

I'm not sure that you can include an image in a CSS if the image reside only in the Repository. You may need to have the image on the Reporting Server instead.


WF versions : Prod 8.2.04M gen 33, Dev 8.2.04M gen 33, OS : Windows, DB : MSSQL, Outputs : HTML, Excel, PDF
In Focus since 2007
October 02, 2017, 12:14 PM
John Coleman
Thanks for clearing that up some. The more I work with this tool the more I feel I am finding I need to re-learn.

The image and Folder are published and accessible to me, actually its open to all developers.

So, in order to make sure I understand you, let me repeat it back. I have to find the physical address of the image on the reporting server in order to have the css pull it when it loads?

Thanks for your time.


John Coleman
WEBFocus 8.1.05
Windows 7
October 02, 2017, 12:15 PM
Francis Mariani
The image needs to be on the web server, usually in an approot sub-folder, you should then be able to reference it in the CSS:

"/approot/app1/image1.jpg"


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
October 02, 2017, 12:17 PM
John Coleman
Francis, thank you. I will work with this information. It makes sense.


John Coleman
WEBFocus 8.1.05
Windows 7
October 02, 2017, 12:31 PM
Francis Mariani
As Martin mentioned, you cannot reference an image that is in the Repository - there is no physical location for any resource in the Repository - they're stored as BLOBs in a database table.

Unfortunately, App Studio is not friendly to the "Web Applications" area of WebFOCUS content (approot) - it's not easy to manipulate resources there, it's preferable to access it via Windows Explorer.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server
October 02, 2017, 12:35 PM
John Coleman
Thanks again. Just for clarification, I am looking at something like: "/EDASERVE/Applications/test1/test.jpg"?


John Coleman
WEBFocus 8.1.05
Windows 7
October 02, 2017, 03:06 PM
Francis Mariani
John,

EDASERVE is the reporting server where test1 is a folder in the application path.

You need to specify the web server, with the simple path "/approot/app1/image1.jpg".

Sometimes, if you're in a single tier environment, the web server approot folders can be the same as the reporting server application folders, but the web reference will still be "/approot/app1/image1.jpg".

The easiest way to verify that you're using the correct reference in your CSS file is to try it as a URL in your web browser. It would be something like this:

http://your-web-server/approot/app1/image1.jpg
You may need to include a port number if that's how you access your WF application.


Francis


Give me code, or give me retirement. In FOCUS since 1991

Production: WF 7.7.05M, Dev Studio, BID, MRE, WebSphere, DB2 / Test: WF 8.1.05M, App Studio, BI Portal, Report Caster, jQuery, HighCharts, Apache Tomcat, MS SQL Server