Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This answer assumes that using the mobile tools doesn't change the way objects are loaded.</p> <p>I use a theme, and my CSS files appear after the generated CSS files.</p> <pre><code>&lt;theme extends="webstandard"&gt; &lt;resource&gt; &lt;content-type&gt;text/css&lt;/content-type&gt; &lt;href&gt;crmStyle.css&lt;/href&gt; &lt;/resource&gt; &lt;/theme&gt; </code></pre> <p>Generates the following on pages using the theme:</p> <pre><code>&lt;link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/dojoroot-1.8.1/dijit/themes/tundra/tundra.css"&gt; &lt;link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/dojoroot-1.8.1/ibm/domino/widget/layout/css/domino-default.css"&gt; &lt;link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xsp.css"&gt; &lt;link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xspLTR.css"&gt; &lt;link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xspSF.css"&gt; &lt;link rel="stylesheet" type="text/css" href="/Path/crmStyle.css"&gt; </code></pre> <p>To test CSS files with mobile theme, I did the following:</p> <p><img src="https://i.stack.imgur.com/X5XJh.png" alt="Select Mobile Theme"></p> <p>Created new page m_Landing. Added CSS File as Resource.</p> <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xe="http://www.ibm.com/xsp/coreex" xmlns:xc="http://www.ibm.com/xsp/custom" themeId="MyTheme"&gt; &lt;xp:this.resources&gt; &lt;xp:styleSheet href="/crmStyle.css"&gt;&lt;/xp:styleSheet&gt; &lt;/xp:this.resources&gt; &lt;/xp:view&gt; </code></pre> <p>Generated HTML:</p> <pre><code>&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.1/dojo/dojo.js" djConfig="locale: 'en-us'"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.1/ibm/xsp/widget/layout/layers/xspClientDojo.js"&gt;&lt;/script&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt; &lt;meta name="apple-mobile-web-app-capable" content="yes"&gt; &lt;link rel="stylesheet" type="text/css" href="/Path/crmStyle.css"&gt; &lt;/head&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload