CODEWITHSUNDEEP
javascriptjquerythemesxpages
Aaron Brake
Aaron Brake

Reputation: 370

Themes not importing remote JS files correctly in XPages

I'm having a lot of trouble with JavaScript elements in themes. All of my CSS is loading correctly, but my JavaScript doesn't seem to be.

I'm working with a combination of resource JS files uploaded as resources to the Database, JavaScript script libraries, server-stored JavaScript files, and Javascript files at http locations.

I've tried setting content-type to application/x-javascript, but that doesn't seem to work. Anything uploaded as a file resource I'm able to include by omitting the content-type, but if I add the content-type, it becomes invalid.

Example:

<resource>
    <href>anytime.js</href>
</resource>

Will show up as /anytime.js"> when the page renders, but

<resource>
    <content-type>application/x-javascript</content-type>
    <href>anytime.js</href>
</resource>

doesn't render anything.

Additionally, trying to access something remote, like http://code.jquery.com/jquery-1.7.1.js doesn't work either way. Both omitting the content type and setting it to application/x-javascript result in nothing rendering to the browser. I'm hoping someone will be able to help me out with this one.

Upvotes: 0

Views: 176

Answers (2)

Per Henrik Lausten
Per Henrik Lausten

Reputation: 21709

This is an attempt you answer your question on auto-formatting that you ask in your own answer. So this is not an attempt to answer the original question.

Yes, you can control what auto-formatting does.

For instance, you can control the XML editor auto formatting in Domino Designer Preferences under XML - XML Files - Editor. This controls XPages, custom control, themes and faces-config editing. Here you can control line width and whether to split multiple attributes each on a new line.

You can also control Java formatting in Domino Designer Preferences under Java - Code Style - Formatter. Here you can edit the existing profile or create your own profile and edit that.

I am sure there are several other places in Preferences that could be useful. Lessons learned is that whenever auto-formatting does something, you can change its behaviour.

Have a look at Nathan Freemans "Making Domino Designer work like you want" for more useful stuff that you can change in Preferences.

Upvotes: 2

Aaron Brake
Aaron Brake

Reputation: 370

Okay, so, after some more testing and frustration, I figured out what's going on here. After I'd enter the code, I was doing ctrl+alt+F to auto-format the code so that the indentation would be consistent. This was causing the closing tag for to appear on the second line, like so:

<resource>
    <href>URL
    </href>
</resource>

If I try to render it like this, it doesn't work. So, it wasn't an issue of css vs js, but rather file length. Though that does make me wonder if there's any way to change the line length threshhold settings on the auto-format?

Upvotes: 1

Related Questions