Introduction

The FME Server WebUI is a fairly complex web application that uses java servlet pages and many compiled classes that are not editible.  Customizing these pages is fairly difficult and only a very limited set of changes are possible.

Instead we recommend building your own web-pages for your users or including FME Server components withing your existing web application.  There are a number of resources available for building web pages or developing web applications with FME Server here:

  • Most forms in the FME Server WebUser Interface have a Show Request Button showing the basic html code needed to recreate the form in your own web application.  If you have FME Server installed along with the sample workspaces you can see an example of one of these forms here:  http://<HostName>/fmeserver/services/fmedatadownload/Samples/austinDownload.fmw. If you do not have FME Server installed you can see an example of this here.
  • Developer Resources Includes complete documentation of FME Server Services API and FME Server REST API
  • Rest Playground Interactive codes samples for using the FME Server REST API


If you do still wish to modify the default FME Server application there are two ways you can modify the look and feel, either by changing the CSS or JSP.

Modify CSS

You would modify the CSS if you want to change the styling rather than the structure. You can easiliy change things such as the logo and colors. To change the CSS first locate the application you wish to change:
  • FME Server Web User Interface: <Web Applicaion Server Install DIR>\webapps\fmeserver
  • FME Server Web Admin Interface: <Web Applicaion Server Install DIR>\webapps\fmeserver-admin
  • FME Server DM Interface: <Web Applicaion Server Install DIR>\webapps\fmedm
Within these directories you can then access the CSS file to change the styling:

 
<Web Applicaion Server Install DIR>\webapps\<Servlet name>\styles

Modifying the JSP Pages

While you can remove content from a page using CSS by hiding divs it is prefereble to remove the actual HTML. To do this we need to modify the JSP pages. They have been written in such a way that it should allow you to easily extract sections. You will find the JSP pages in:

<Web Applicaion Server Install DIR>\webapps\<Servlet name>\styles\WEB-INF\jsp

For example if we were trying to modify the pages where you run workspaces we would modify:

General form applied to all services:
<Servlet Engine>\webapps\fmeserver\WEB-INF\jsp\user\workspace\index.jsp

Data download specific page:

<Servlet Engine>\webapps\fmeserver\WEB-INF\jsp\plugins\services\Download.SWCP.jsp

Job submitter specific page:
 
<Servlet Engine>\webapps\fmeserver\WEB-INF\jsp\plugins\services\JobSubmitter.SWCP.jsp

OGC specific page: 
 
<Servlet Engine>\webapps\fmeserver\WEB-INF\jsp\plugins\services\OGC.SWCP.jsp