OFBiz › OFBiz - User

New Screen css layoutSettings issue

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

21 messages Options

hoboy2

New Screen css layoutSettings issue

CONTENTS DELETED

The author has deleted this message.

Julien NICOLAS

Re: New Screen css layoutSettings issue

Hello hoboy2,

How are you ? We are not robots, don't forget it. You can say "Hello"
and "Thank you" :)

So, for your problem it could be caused by many things.

The first I think is that your folder is not a public folder.
Could you see the path of your files in the source code of the header ?

Have a nice day,

Julien.

Le 24/02/2016 13:36, hoboy2 a écrit :

> I have created a new screen.xml
> I want to apply a specific css and javaScript on but it is not working.
>
> a portion of what I am doing.
> <actions>
> <set field="headerItem" value="TestScreen"/>
> <set field="layoutSettings.javaScripts[]"
> value="/osafe_theme/js/lib/jscripts.js" global="true" />
> <set field="layoutSettings.styleSheets[]"
> value="osafe_theme/css/cssbootstrap.min.css" global="true"/>
> </actions>
> I have tried different location of the js and the css without any chance.
>
>
>
>
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.

hoboy2

Re: New Screen css layoutSettings issue

CONTENTS DELETED

The author has deleted this message.

Julien NICOLAS

Re: New Screen css layoutSettings issue

If you see the source code of your page, could you see the css and js
path in the header ?

Yes, like this :

<head><link rel="stylesheet"
href="/images/jquery/plugins/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css
<view-source:http://demo-trunk-ofbiz.apache.org/images/jquery/plugins/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css>"
type="text/css"/><link rel="stylesheet"
href="/images/jquery/plugins/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css
<view-source:http://demo-trunk-ofbiz.apache.org/images/jquery/plugins/jquery-jgrowl/1.4.1/jquery.jgrowl.min.css>"
type="text/css"/><link rel="stylesheet" href="/flatgrey/maincss.css
<view-source:http://demo-trunk-ofbiz.apache.org/flatgrey/maincss.css>"
type="text/css"/><link rel="stylesheet" href="/flatgrey/javascript.css
<view-source:http://demo-trunk-ofbiz.apache.org/flatgrey/javascript.css>" type="text/css"/><link
rel="stylesheet"
href="/images/jquery/plugins/asmselect/jquery.asmselect-1.0.4a-beta.css
<view-source:http://demo-trunk-ofbiz.apache.org/images/jquery/plugins/asmselect/jquery.asmselect-1.0.4a-beta.css>"
type="text/css"/></head>

You can see that for flatgrey, css path is /flatgrey

It's defined in the FlatGreyThemeData.xml like that :
<VisualThemeResource visualThemeId="FLAT_GREY"
resourceTypeEnumId="VT_STYLESHEET" resourceValue="/flatgrey/maincss.css"
sequenceId="01"/>

And it's available in OFBiz from this path :

/theme/flatgrey/webapp/flatgrey/maincss.css

Take care of the path where you copy your files.
Are they contained in a theme component or in a hotdeploy component ?

Julien.

Le 24/02/2016 15:30, hoboy2 a écrit :

> Je m'excuse 1000 ...
> It is terrible not to said hello my mistake, it will never happen again :)
>> The first I think is that your folder is not a public folder.
>> Could you see the path of your files in the source code of the header ?
> witch header code ?
> I have something like this
> <link href="css/bootstrap.min.css" rel="stylesheet">
>
> script type="text/javascript" src="js/jquery.min.js"></script>
> Do you mean this ?
>
> Thanks very much in advance
>
>
>
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677490.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.

hoboy1

Re: New Screen css layoutSettings issue

CONTENTS DELETED

The author has deleted this message.

hoboy2

Re: New Screen css layoutSettings issue

This post was updated on .

In reply to this post by Julien NICOLAS

CONTENTS DELETED

The author has deleted this message.

Julien NICOLAS

Re: New Screen css layoutSettings issue

Hi hoboy2,

in your component, it's better to use the usually used folder
/osafe/webapp/osafe/image for your public files.

you have to check if your component configuration contained in the
/osafe/webapp/osafe/WEB-INF/web.xml is as follow (in bold) :

<filter>
<filter-name>ContextFilter</filter-name>
<display-name>ContextFilter</display-name>
<filter-class>org.ofbiz.webapp.control.ContextFilter</filter-class>
<init-param><param-name>disableContextSecurity</param-name><param-value>N</param-value></init-param>
* <init-param>**
** <param-name>allowedPaths</param-name>**
**<param-value>/error:/control:/select:/index.html:/index.jsp:/default.html:/default.jsp:/images</param-value>**
** </init-param>*
<init-param><param-name>errorCode</param-name><param-value>403</param-value></init-param>
<init-param><param-name>redirectPath</param-name><param-value>/control/main</param-value></init-param>
</filter>
<filter-mapping><filter-name>ContextFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>

Kind regards,

Julien.

Le 29/02/2016 10:33, hoboy2 a écrit :

> Hi
>
>> Julien wrote:Are they contained in a theme component or in a hotdeploy
> component ?
> They are contained in the hotdeploy.
> This is the path in the hotdeploy in the folder:
> /hot-deploy/osafe/webapp/osafe/common/test/css/cssbootstrap.min.css
>
> This is how I refert to it in the screen.xml
> <set field="layoutSettings.styleSheets[]"
> value="/osafe/webapp/osafe/common/test/css/cssbootstrap.min.css"
> global="true"/>
>
> But the cssbootstrap.min.css i not applied, is there somewhere else I hould
> do some configuration ?
>
> Thanks in advance
>
>
>
>
>
>
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677542.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.

hoboy2

Re: New Screen css layoutSettings issue

CONTENTS DELETED

The author has deleted this message.

hoboy2

Re: New Screen css layoutSettings issue

In reply to this post by Julien NICOLAS

CONTENTS DELETED

The author has deleted this message.

Deepak Dixit-3

Re: New Screen css layoutSettings issue

Hi hoboy2,

Could you please share your controller request as well as web-app
definition?

https://cwiki.apache.org/confluence/x/cQFk

Thanks & Regards
--
Deepak Dixit
www.hotwaxsystems.com

On Mon, Feb 29, 2016 at 5:47 PM, hoboy2 <[hidden email]> wrote:

> 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.
>

hoboy2

Re: New Screen css layoutSettings issue

CONTENTS DELETED

The author has deleted this message.

hoboy2

Re: New Screen css layoutSettings issue

In reply to this post by hoboy2

CONTENTS DELETED

The author has deleted this message.

Deepak Dixit-3

Re: New Screen css layoutSettings issue

Hi hoboy2,

wep-app definition available at ofbiz-component.xml file located under
hot-deploy/<component>/.

Thanks & Regards
--
Deepak Dixit
www.hotwaxsystems.com

On Wed, Mar 2, 2016 at 1:12 PM, hoboy2 <[hidden email]> wrote:

> Hello my good friends Ofbizer....
> Any more Suggestions ?
>
>
> Thanks in advance
>
>
>
> --
> View this message in context:
> http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677568.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.
>

hoboy2

Re: New Screen css layoutSettings issue

In reply to this post by Deepak Dixit-3

CONTENTS DELETED

The author has deleted this message.

Julien NICOLAS

Re: New Screen css layoutSettings issue

Sorry, I can't found it in this thread...

Le 02/03/2016 09:26, hoboy2 a écrit :

> Hi Deepak Dixit-3
>
> I have send ofbiz-component.xml
>
> Thanks in advance
>
>
>
> --
> View this message in context: http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677570.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.

Julien NICOLAS

Re: New Screen css layoutSettings issue

In reply to this post by Deepak Dixit-3

Hi hoboy2,

To be more precise it's here :
OFBiz/hot-deploy/osafe/webapp/osafe/WEB-INF/web.xml

But, maybe you could use your IDE to find ?

Julien.

Le 02/03/2016 09:41, Deepak Dixit a écrit :

> Hi hoboy2,
>
> wep-app definition available at ofbiz-component.xml file located under
> hot-deploy/<component>/.
>
> Thanks & Regards
> --
> Deepak Dixit
> www.hotwaxsystems.com
>
> On Wed, Mar 2, 2016 at 1:12 PM, hoboy2 <[hidden email]> wrote:
>
>> Hello my good friends Ofbizer....
>> Any more Suggestions ?
>>
>>
>> Thanks in advance
>>
>>
>>
>> --
>> View this message in context:
>> http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677568.html
>> Sent from the OFBiz - User mailing list archive at Nabble.com.
>>

hoboy2

Re: New Screen css layoutSettings issue

In reply to this post by Julien NICOLAS

CONTENTS DELETED

The author has deleted this message.

Deepak Dixit-3

Re: New Screen css layoutSettings issue

In reply to this post by Julien NICOLAS

Hi Hoboy2

As per your web-app definition webapp mount point is root "/" and you are
trying to access resources using full path.This will not working.

{code}
<set field="layoutSettings.javaScripts[]"
value="/osafe/webapp/osafe/common/test/js/bootstrap.min.js" global="true" />
{code}

Suggestion 1:
Please change your mount point from "/" to "/osafe" and access resources
using following pattern:
{code}
<set field="layoutSettings.javaScripts[]"
value="/osafe/common/test/js/bootstrap.min.js" global="true" />
{code}

Suggestion 2:

Create new web-app for static resources and serve static resources from
this web-app, do not use "/" mount point.

Suggestion 3:

Use only one web-app with root mount point and separate out the
css/js/images request using default servlet:
https://tomcat.apache.org/tomcat-7.0-doc/default-servlet.html

Thanks & Regards
--
Deepak Dixit
www.hotwaxsystems.com

On Wed, Mar 2, 2016 at 2:28 PM, Julien NICOLAS <[hidden email]>
wrote:

> Sorry, I can't found it in this thread...
>
>
> Le 02/03/2016 09:26, hoboy2 a écrit :
>
>> Hi Deepak Dixit-3
>>
>> I have send ofbiz-component.xml
>>
>> Thanks in advance
>>
>>
>>
>> --
>> View this message in context:
>> http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677570.html
>> Sent from the OFBiz - User mailing list archive at Nabble.com.
>>
>
>

hoboy2

Re: New Screen css layoutSettings issue

In reply to this post by Deepak Dixit-3

CONTENTS DELETED

The author has deleted this message.

Deepak Dixit-3

Re: New Screen css layoutSettings issue

Thanks Hoboy2, I am Deepak Dixit :) not Deepak Dixit-3

Thanks & Regards
--
Deepak Dixit
www.hotwaxsystems.com

On Wed, Mar 2, 2016 at 2:41 PM, hoboy2 <[hidden email]> wrote:

> Hi mister Deepak Dixit-3
>
> Thanks very much I will do your suggestion right away.
>
>
>
>
>
>
> --
> View this message in context:
> http://ofbiz.135035.n4.nabble.com/New-Screen-css-layoutSettings-issue-tp4677488p4677574.html
> Sent from the OFBiz - User mailing list archive at Nabble.com.
>