Domino 폼에 부트 스트랩 추가

Question

내 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]-->" 

: 부트 스트랩이 서버에 이미 응용 프로그램에 대한 그래서 사용 가능한 설정되어 있기 때문에 내가의 생각을했다 이러한 양식에 그들을 다시 사용은 그래서 HTML 헤드 콘텐츠 섹션에 다음 수식을 추가 부트 스트랩 CSS로 포맷 된 것 같습니다. 하지만 jumbotron과 같은 구성 요소는 포맷되지 않습니다. jumbotron 클래스가 bootstrap.min.css 파일에 정의되어 있습니다.

뭔가 내려다 보입니까?

Answer 1

나는 부트 스트랩은 (작동)을 HTML 헤드 내용에 다음과 같은 사용 도미노 형태로 사용할 수 있습니다

이

"<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]-->" 

그래서/XSP 시작하기 위해 CSS 링크하는 HREF를 변경 (그래서, 제거를 ../ ..) 그것이 작동하는지보십시오.

Answer 2

XPages 런타임에는 "/xsp/.ibmxspres"경로를 인식하고 관련 자원을로드 할 위치를 찾기 위해 정의 된 모든 ResourceProviders를 실행하는 코드가 있습니다. 이 경우 후속 ".extlib"은 Extension Library 플러그인의 일부임을 나타냅니다.

OSGi는 플러그인에서 관련 리소스를 추출 할 수 있습니다.

표준 Domino 양식의 경우 이들 중 하나가 없으므로 파일이있는 위치를 알 수 없으므로 파일을 추출 할 수 없습니다. OpenNTF에서 ExtLib을 다운로드하면 일반적으로 zip 파일을 추출하는 데 사용하는 플러그인 ("com.ibm.xsp.theme.bootstrap")을 압축 해제 할 수 있습니다. jar는 zip과 같은 다른 아카이브입니다. 그런 다음 부트 스트랩 파일을 추출하여 그에 따라 사용할 수 있습니다. NSF가 가질 수있는 디자인 요소의 최대 개수가 있기 때문에 서버에 \ domino \ html 폴더에 넣는 것이 좋습니다.