gpt4 book ai didi

css - 使用移动主题控制 XPages CSS 的顺序

转载 作者:行者123 更新时间:2023-11-28 13:11:17 24 4
gpt4 key购买 nike

当使用 XPages Mobile 主题时,我作为资源添加到页面的 CSS 文件先于 IBM 作为移动主题的一部分提供的 CSS 文件添加。

例子:

<xp:this.resources>
<xp:styleSheet href="css/font-awesome/css/font-awesome.css"></xp:styleSheet>
<xp:styleSheet href="/mobile.css"></xp:styleSheet>
</xp:this.resources>

生成如下HTML

<link rel="stylesheet" type="text/css" href="/redpill/graph.nsf/css/font-awesome/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="/redpill/graph.nsf/mobile.css">
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/dojoroot-1.8.1/dojox/mobile/themes/iphone/iphone.css">
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/.extlib/css/customMobile.css">
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/.extlib/css/customIphone.css">

有没有办法强制在 IBM 的之后添加我自己的自定义控件?当我自己的 CSS 在链中排在第一位时,控制样式更具挑战性(但并非不可能)。

最佳答案

此答案假定使用移动工具不会改变对象的加载方式。

我使用了一个主题,我的 CSS 文件出现在生成的 CSS 文件之后。

<theme extends="webstandard">
<resource>
<content-type>text/css</content-type>
<href>crmStyle.css</href>
</resource>
</theme>

在使用主题的页面上生成以下内容:

<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/dojoroot-1.8.1/dijit/themes/tundra/tundra.css">
<link rel="stylesheet" type="text/css" href="/xsp/.ibmxspres/dojoroot-1.8.1/ibm/domino/widget/layout/css/domino-default.css">
<link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xsp.css">
<link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xspLTR.css">
<link rel="stylesheet" type="text/css" href="/domjava/xsp/theme/webstandard/xspSF.css">
<link rel="stylesheet" type="text/css" href="/Path/crmStyle.css">

为了测试带有移动主题的 CSS 文件,我执行了以下操作:

Select Mobile Theme

创建了新页面 m_Landing。添加 CSS 文件作为资源。

<?xml version="1.0" encoding="UTF-8"?>
<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">
<xp:this.resources>
<xp:styleSheet href="/crmStyle.css"></xp:styleSheet>
</xp:this.resources>
</xp:view>

生成的 HTML:

<head>
<title></title>
<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.1/dojo/dojo.js" djConfig="locale: 'en-us'"></script>
<script type="text/javascript" src="/xsp/.ibmxspres/dojoroot-1.8.1/ibm/xsp/widget/layout/layers/xspClientDojo.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" type="text/css" href="/Path/crmStyle.css">
</head>

关于css - 使用移动主题控制 XPages CSS 的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18959874/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com