2017-09-19 19 views
0

私のXPagesアプリケーションでは、いくつかの$$ Dominoフォームを追加し、ブートストラップでスタイルを設定したいと考えています。その結果、任意のテキストをドミノフォームにブートストラップを追加する

"<meta charset=\"utf-8\"> 
    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> 
    <meta name=\"description\" content=\"\"> 
    <meta name=\"author\" content=\"\"> 
    <meta charset=\"utf-8\"> 
    <link rel=\"shortcut icon\" href=\"/" + @WebDbName + "/favicon.ico\"> 
    <title>Authentication Failure</title> 
    <!-- Bootstrap core CSS --> 
    <link href=\"../../xsp/.ibmxspres/.extlib/responsive/dijit/dbootstrap-0.1.1/theme/dbootstrap/dbootstrap.css\" rel=\"stylesheet\"> 
    <link href=\"../../xsp/.ibmxspres/.extlib/responsive/bootstrap3/css/bootstrap.css\" rel=\"stylesheet\"> 
    <script src=\"../../xsp/.ibmxspres/.extlib/responsive/jquery/jquery.min.js\"></script> 
    <script src=\"../../xsp/.ibmxspres/.extlib/responsive/bootstrap3/js/bootstrap.min.js\"></script>  
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
    <!--[if lt IE 9]> 
     <script src=\"http://getbootstrap.com/assets/js/html5shiv.js\"></script> 
     <script src=\"http://getbootstrap.com/assets/js/respond.min.js\"></script> 
    <![endif]-->" 

:私はこれらのフォームにそれらを再利用するのthinkinだったサーバー上の利用可能ように、ブートストラップは、すでにアプリケーションのために有効になっているので、私はHTMLヘッドコンテンツ]セクションで、次の式を追加しました私は適用するブートストラップCSSでフォーマットされているようだ。しかし、jumbotronのようなコンポーネントは、bootstrap.min.cssファイルで定義されているジャンボトロンクラスに気づきましたが、フォーマットされていません。

私は何か見落としていますか?

答えて

3

私は、HTMLのヘッドコンテンツに次のように使用したDominoフォーム(これが動作します)ブートストラップを有効にしている:だから/ XSPを開始するには、あなたのCSSリンクのhrefを変更する(そう、削除

"<meta http-equiv='X-UA-Compatible' content='IE=Edge'> 
<meta charset=\"utf-8\"> 
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> 

<!-- Bootstrap core CSS --> 
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/xsptheme/xsp.css\"> 
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/bootstrap320/css/bootstrap.min.css\"> 
<link rel=\"stylesheet\" type=\"text/css\" href=\"/xsp/.ibmxspres/.extlib/bootstrap/xpages300.css\"> 

<script src='/xsp/.ibmxspres/.extlib/bootstrap/jquery/jquery-1.11.0.min.js'></script> 
<script src='/xsp/.ibmxspres/.extlib/bootstrap/bootstrap320/js/bootstrap.min.js'></script> 

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!--[if lt IE 9]> 
    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.js\"></script> 
    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js\"></script> 
<![endif]-->" 

を../ ..)それが動作するかどうかを確認してください。

0

XPagesランタイムには、パス "/xsp/.ibmxspres"を認識し、関連リソースのロード先を見つけるために定義されたすべてのResourceProvidersを実行するコードがあります。この場合、後続の ".extlib"は、拡張ライブラリプラグインの一部であることを示します。

OSGiでは、プラグインから関連リソースを抽出できます。

標準のDominoフォームでは、これらのいずれも持っていないため、ファイルがどこにあるのか分からないため、ファイルを抽出できません。 OpenNTFからExtLibをダウンロードする場合は、通常、zipファイルの抽出に使用するプラグイン( "com.ibm.xsp.theme.bootstrap")を解凍することができます。jarファイルはzipのような別のアーカイブです。その後、ブートストラップファイルを抽出し、それに従って使用することができます。設計要素の最大数があり、NSFが保持できるので、おそらくそれらをサーバー、\ domino \ htmlフォルダに置く価値があります。

+0

私はブートストラップファイルをWebContentフォルダの下に置くと、xpageの外側からブートストラップファイルにアクセスできますか?例えばドミノフォーム?それではURLは何でしょうか? – Malin

+0

できるはずです。私はそれがファイルリソースとして追加された場合とまったく同じように動作すると思いますが、私はそれを行っていません。しかし、言及したように、NSFが保持できる設計要素は限られています(これらのファイルはそれぞれ1つの設計要素としてカウントされます)。 –

+0

@マリン私の答えを見てください。あなたのフォームはXPageアプリケーションと同じデータベースにあるので、動作するはずです。 –