Browser Page looks messy

0
votes

To develop websites I use domino designer v9.01 with OpenNTF Bootstrap extension library v14. I am new to IBM domino so have mercy … The trouble I have is : While previewing XPage apps in Notes all controls, views etc. are there and looks as expected. But when I preview same XPage apps in a web browser (newest FireFox, newest Microsoft Edge) I get messy results. To be more specific, the amount of controls, views, etc. are there and they also work. But their expected design is messy. I cannot describe it better because I have never seen such pages before.

Finally the question is : Why is the presentation of XPage apps in Notes perfect while in a web browser not ?

UPDATE

Here are 2 screenshots to visualize the problem. First screenshot is from Notes showing expected UI. Second screenshot is from FireFox browser showing non-expected UI which i call "messy". The content you see is a simple example from a tutorial. So do not wonder about that.

Notes screenshot

FireFox screenshot

1
xpagesxpages-extlib
Is this using local web preview? Local web preview does not pick up the OSGi plugins from the same location installed in Domino Designer. This may prompt someone to confirm the setup required for local web preview. - Paul Stephen Withers
For development purposes I use domino server and designer in one domain on my computer. When I initiate within the designer "preview with web browser" then I guess I use also local web prewiew. What do you mean with "This may prompt someone to confirm the setup required for local web preview" ? - Ben
Thanks, if it's Domino server then it's more straightforward. For previewing on web from Domino Designer when you're not using a server, I think the plugins need to be added to an additional location, but I can't remember what it is. But that's not going to be relevant in your scenario, because you're previewing the application on a server. - Paul Stephen Withers
Please add a picture so that we can see what "messy" looks like? Also, check your browser's developer tools and check for 404 to see if CSS resources load as expected. - Per Henrik Lausten
@PaulStephenWithers The plugins from the update site, if you're going to add them manually into DDE, would need to go into C:[Notes-install]\Data\domino\workspace\applications\eclipse\plugins. - Eric McCormick

1 Answers

0
votes

The Extension Library plugin will also need to be installed on the server as well as into Domino Designer. The usual process for this is using an UpdateSite database, as documented here http://www-10.lotus.com/ldd/ddwiki.nsf/xpAPIViewer.xsp?lookupName=XPages+Extensibility+API#action=openDocument&res_title=XPages_Extension_Library_Deployment&content=apicontent