Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <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>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

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