Thanks very much in advance for any helps.

I have followed your advice, still have the problem.

The situation is that I have received an html file called index.html that I
have renamed to index.ftl
I am trying to create a screen.xml using the index.html renamed to index.ftl

---------------------------------------------------------------------------------------------------------------------
The head of index.hml is bellow.
               --------------------
<title>test</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">






<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/font-awesome.css" rel="stylesheet">

<link href="css/font-awesome.min.css" rel="stylesheet">





<link rel="apple-touch-icon-precomposed" sizes="144x144"
href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">



</head>
----------------------------------------------------------------------------------------------------------------------


The screen works but the items images are not found

Bellow is a snap of the div from index.html
------------------------------------------------------------------------------------------------------------------
<div class="carousel-inner">
                <div class="item  active">
                  <div class="row">
                    <div class="col-md-3">  <img class="img-responsive"
alt="" src="img/1.jpg"> <#>   item title</div>
                    <div class="col-md-3">  <img alt="" src="img/2.png"> <#> 
item title </div>
                    <div class="col-md-3">  <img alt="" src="img/3.png"> <#> 
item title </div>
                    <div class="col-md-3">  <img alt="" src="img/4.jpg"> <#>  
item title</div>
                  </div>
                </div>
---------------------------------------------------------------------------------------------------------------------
Bellow is the screen I want to create using the index.html renamed to
index.ftl.

<?xml version="1.0" encoding="UTF-8"?>
<screens xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance";
    
xsi:noNamespaceSchemaLocation="http://ofbiz.apache.org/dtds/widget-screen.xsd";>
    <screen name="calis">
        <section>
        <actions>
                <set field="headerItem" value="test"/>
        
                <set field="layoutSettings.javaScripts[]"
value="/osafe/webapp/osafe/common/test/js/bootstrap.min.js" global="true" />
                
                         <set field="layoutSettings.styleSheets[]"
value="/osafe/webapp/osafe/common/test/css/cssbootstrap.min.css"
global="true"/>  
                         
                        
        <script
location="component://osafe/webapp/osafe/WEB-INF/actions/test/test.groovy"/>
        </actions>
        <widgets>    
         
               <decorator-section name="body">                   
                    <platform-specific>
                        <html>
                            <html-template
location="component://osafe/webapp/osafe/common/test/index.ftl"/>
                        </html>
                    </platform-specific>
                </decorator-section>   
              
        </widgets>
    </section>
    </screen>
</screens>





--
View this message in context: 
http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677554.html
Sent from the OFBiz - User mailing list archive at Nabble.com.

Reply via email to