You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@ofbiz.apache.org by Schumann Ye <Sc...@hotmail.com> on 2018/03/06 09:20:15 UTC

OFBiz Theme Customization

Dear Gurus,

I want to customize the default provided themes and modify the accompanying css and other element.
I have successfully modified the logo of the themes (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
The previous 3 themes is done by replacing the logo.png and/or ofbiz_logo.gif under the themes folder "images", however this trick doesn't work for Rainbowstone.

I spent almost one day in tracking where goes wrong and found that might be because of the CommonScreens.xml pre-configurations of the field "layoutSettings.commonHeaderImageLinkUrl".
Can any guru help and shed a new light on my problem?

Have a nice day!!!

Best Regards

Schumann Ye
KTK Group Co., Ltd.
Mobile:+86-1800-150-1800
Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
******************************************************
Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City, JiangSu Province,China
Zip Code: 213102
Website: http://www.ktk.com.cn<http://www.ktk.com.cn/>   http://www.wjjh.com<http://www.wjjh.com/>

答复: 答复: OFBiz Theme Customization

Posted by Schumann Ye <Sc...@hotmail.com>.
Dear Taher,

Thanks for your comments!
Schumann

-----邮件原件-----
发件人: Taher Alkhateeb <sl...@gmail.com> 
发送时间: 2018年3月7日 14:04
收件人: user@ofbiz.apache.org
主题: Re: 答复: OFBiz Theme Customization

Hello,

I find debugging theme issues to be a bit easier if you start from the browser, not the code, and then catch the trail from there. For example, you can easily run firebug or something similar to inspect the logo and identify its location.

On Mar 7, 2018 6:33 AM, "Schumann Ye" <Sc...@hotmail.com> wrote:

> Dear Julien,
>
> After a second trial, I found that I have to remove the file 
> rainbowstone/images/ofbiz-white.svg so that the pre-defined logo is gone.
> Obviously simply replacing the file ofbiz_logo.gif is not enough.
> Thanks for your help and now the issue is resolved!
>
> Schumann
>
> 发件人: Schumann Ye <sc...@hotmail.com>
> 发送时间: 2018年3月6日 19:32
> 收件人: user@ofbiz.apache.org
> 主题: 答复: OFBiz Theme Customization
>
> Dear Julien,
>
> Many thanks for your quick response.
> Unfortunately it seems there isn’t ofbiz_logo.svg file within the 
> folder ../themes/rainbowstone/webapp/rainbowstone/images.
> There is only the file “ofbiz_logo.gif”.
> BTW, I am using the official release of 16.11.03 instead of trunk.
>
> What I did is to replace the new customized logo with the 
> pre-installed ofbiz_logo.gif.
> However it didn’t work.
>
> Any further idea?
> Enclosed I attached a screen shot of my deployment.
> Thanks
> [cid:image001.png@01D3B581.D41AEF60]
>
> Schumann
> +86-1800-150-1800
> 发送自 Windows 10 版邮件<https://go.microsoft.com/fwlink/?LinkId=550986>应用
>
> 发件人: Julien NICOLAS<ma...@nereide.fr>
> 发送时间: 2018年3月6日 18:04
> 收件人: user@ofbiz.apache.org<ma...@ofbiz.apache.org>
> 主题: Re: OFBiz Theme Customization
>
> Hi Ye,
>
> If you inspect the logo (right click on the logo and inspect in your 
> browser), you will find that the css manage the logo path.
>
> You will see that this logo is the vectorial version one. Here after 
> the path :
>
> /home/julien/OFBizRoot/ofbiz-framework-official/trunk/
> themes/rainbowstone/webapp/rainbowstone/images/ofbiz_logo.svg
>
> Have a nice day :)
>
> Julien.
>
> Le 06/03/2018 à 10:20, Schumann Ye a écrit :
> > Dear Gurus,
> >
> > I want to customize the default provided themes and modify the
> accompanying css and other element.
> > I have successfully modified the logo of the themes
> (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
> > The previous 3 themes is done by replacing the logo.png and/or
> ofbiz_logo.gif under the themes folder "images", however this trick 
> doesn't work for Rainbowstone.
> >
> > I spent almost one day in tracking where goes wrong and found that 
> > might
> be because of the CommonScreens.xml pre-configurations of the field 
> "layoutSettings.commonHeaderImageLinkUrl".
> > Can any guru help and shed a new light on my problem?
> >
> > Have a nice day!!!
> >
> > Best Regards
> >
> > Schumann Ye
> > KTK Group Co., Ltd.
> > Mobile:+86-1800-150-1800
> > Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
> > ******************************************************
> > Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City,
> JiangSu Province,China
> > Zip Code: 213102
> > Website: http://www.ktk.com.cn<http://www.ktk.com.cn/<http://www.
> ktk.com.cn%3chttp:/www.ktk.com.cn/>>   http://www.wjjh.com<http://
> www.wjjh.com/>
> >
> >
> >
> >
>
>

Re: 答复: OFBiz Theme Customization

Posted by Taher Alkhateeb <sl...@gmail.com>.
Hello,

I find debugging theme issues to be a bit easier if you start from the
browser, not the code, and then catch the trail from there. For example,
you can easily run firebug or something similar to inspect the logo and
identify its location.

On Mar 7, 2018 6:33 AM, "Schumann Ye" <Sc...@hotmail.com> wrote:

> Dear Julien,
>
> After a second trial, I found that I have to remove the file
> rainbowstone/images/ofbiz-white.svg so that the pre-defined logo is gone.
> Obviously simply replacing the file ofbiz_logo.gif is not enough.
> Thanks for your help and now the issue is resolved!
>
> Schumann
>
> 发件人: Schumann Ye <sc...@hotmail.com>
> 发送时间: 2018年3月6日 19:32
> 收件人: user@ofbiz.apache.org
> 主题: 答复: OFBiz Theme Customization
>
> Dear Julien,
>
> Many thanks for your quick response.
> Unfortunately it seems there isn’t ofbiz_logo.svg file within the folder
> ../themes/rainbowstone/webapp/rainbowstone/images.
> There is only the file “ofbiz_logo.gif”.
> BTW, I am using the official release of 16.11.03 instead of trunk.
>
> What I did is to replace the new customized logo with the pre-installed
> ofbiz_logo.gif.
> However it didn’t work.
>
> Any further idea?
> Enclosed I attached a screen shot of my deployment.
> Thanks
> [cid:image001.png@01D3B581.D41AEF60]
>
> Schumann
> +86-1800-150-1800
> 发送自 Windows 10 版邮件<https://go.microsoft.com/fwlink/?LinkId=550986>应用
>
> 发件人: Julien NICOLAS<ma...@nereide.fr>
> 发送时间: 2018年3月6日 18:04
> 收件人: user@ofbiz.apache.org<ma...@ofbiz.apache.org>
> 主题: Re: OFBiz Theme Customization
>
> Hi Ye,
>
> If you inspect the logo (right click on the logo and inspect in your
> browser), you will find that the css manage the logo path.
>
> You will see that this logo is the vectorial version one. Here after the
> path :
>
> /home/julien/OFBizRoot/ofbiz-framework-official/trunk/
> themes/rainbowstone/webapp/rainbowstone/images/ofbiz_logo.svg
>
> Have a nice day :)
>
> Julien.
>
> Le 06/03/2018 à 10:20, Schumann Ye a écrit :
> > Dear Gurus,
> >
> > I want to customize the default provided themes and modify the
> accompanying css and other element.
> > I have successfully modified the logo of the themes
> (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
> > The previous 3 themes is done by replacing the logo.png and/or
> ofbiz_logo.gif under the themes folder "images", however this trick doesn't
> work for Rainbowstone.
> >
> > I spent almost one day in tracking where goes wrong and found that might
> be because of the CommonScreens.xml pre-configurations of the field
> "layoutSettings.commonHeaderImageLinkUrl".
> > Can any guru help and shed a new light on my problem?
> >
> > Have a nice day!!!
> >
> > Best Regards
> >
> > Schumann Ye
> > KTK Group Co., Ltd.
> > Mobile:+86-1800-150-1800
> > Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
> > ******************************************************
> > Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City,
> JiangSu Province,China
> > Zip Code: 213102
> > Website: http://www.ktk.com.cn<http://www.ktk.com.cn/<http://www.
> ktk.com.cn%3chttp:/www.ktk.com.cn/>>   http://www.wjjh.com<http://
> www.wjjh.com/>
> >
> >
> >
> >
>
>

答复: OFBiz Theme Customization

Posted by Schumann Ye <Sc...@hotmail.com>.
Dear Julien,

After a second trial, I found that I have to remove the file rainbowstone/images/ofbiz-white.svg so that the pre-defined logo is gone.
Obviously simply replacing the file ofbiz_logo.gif is not enough.
Thanks for your help and now the issue is resolved!

Schumann

发件人: Schumann Ye <sc...@hotmail.com>
发送时间: 2018年3月6日 19:32
收件人: user@ofbiz.apache.org
主题: 答复: OFBiz Theme Customization

Dear Julien,

Many thanks for your quick response.
Unfortunately it seems there isn’t ofbiz_logo.svg file within the folder ../themes/rainbowstone/webapp/rainbowstone/images.
There is only the file “ofbiz_logo.gif”.
BTW, I am using the official release of 16.11.03 instead of trunk.

What I did is to replace the new customized logo with the pre-installed ofbiz_logo.gif.
However it didn’t work.

Any further idea?
Enclosed I attached a screen shot of my deployment.
Thanks
[cid:image001.png@01D3B581.D41AEF60]

Schumann
+86-1800-150-1800
发送自 Windows 10 版邮件<https://go.microsoft.com/fwlink/?LinkId=550986>应用

发件人: Julien NICOLAS<ma...@nereide.fr>
发送时间: 2018年3月6日 18:04
收件人: user@ofbiz.apache.org<ma...@ofbiz.apache.org>
主题: Re: OFBiz Theme Customization

Hi Ye,

If you inspect the logo (right click on the logo and inspect in your
browser), you will find that the css manage the logo path.

You will see that this logo is the vectorial version one. Here after the
path :

/home/julien/OFBizRoot/ofbiz-framework-official/trunk/themes/rainbowstone/webapp/rainbowstone/images/ofbiz_logo.svg

Have a nice day :)

Julien.

Le 06/03/2018 à 10:20, Schumann Ye a écrit :
> Dear Gurus,
>
> I want to customize the default provided themes and modify the accompanying css and other element.
> I have successfully modified the logo of the themes (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
> The previous 3 themes is done by replacing the logo.png and/or ofbiz_logo.gif under the themes folder "images", however this trick doesn't work for Rainbowstone.
>
> I spent almost one day in tracking where goes wrong and found that might be because of the CommonScreens.xml pre-configurations of the field "layoutSettings.commonHeaderImageLinkUrl".
> Can any guru help and shed a new light on my problem?
>
> Have a nice day!!!
>
> Best Regards
>
> Schumann Ye
> KTK Group Co., Ltd.
> Mobile:+86-1800-150-1800
> Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
> ******************************************************
> Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City, JiangSu Province,China
> Zip Code: 213102
> Website: http://www.ktk.com.cn<http://www.ktk.com.cn/<http://www.ktk.com.cn%3chttp:/www.ktk.com.cn/>>   http://www.wjjh.com<http://www.wjjh.com/>
>
>
>
>

答复: OFBiz Theme Customization

Posted by Schumann Ye <sc...@hotmail.com>.
Dear Julien,

Many thanks for your quick response.
Unfortunately it seems there isn’t ofbiz_logo.svg file within the folder ../themes/rainbowstone/webapp/rainbowstone/images.
There is only the file “ofbiz_logo.gif”.
BTW, I am using the official release of 16.11.03 instead of trunk.

What I did is to replace the new customized logo with the pre-installed ofbiz_logo.gif.
However it didn’t work.

Any further idea?
Enclosed I attached a screen shot of my deployment.
Thanks
[cid:image001.png@01D3B581.D41AEF60]

Schumann
+86-1800-150-1800
发送自 Windows 10 版邮件<https://go.microsoft.com/fwlink/?LinkId=550986>应用

发件人: Julien NICOLAS<ma...@nereide.fr>
发送时间: 2018年3月6日 18:04
收件人: user@ofbiz.apache.org<ma...@ofbiz.apache.org>
主题: Re: OFBiz Theme Customization

Hi Ye,

If you inspect the logo (right click on the logo and inspect in your
browser), you will find that the css manage the logo path.

You will see that this logo is the vectorial version one. Here after the
path :

/home/julien/OFBizRoot/ofbiz-framework-official/trunk/themes/rainbowstone/webapp/rainbowstone/images/ofbiz_logo.svg

Have a nice day :)

Julien.

Le 06/03/2018 à 10:20, Schumann Ye a écrit :
> Dear Gurus,
>
> I want to customize the default provided themes and modify the accompanying css and other element.
> I have successfully modified the logo of the themes (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
> The previous 3 themes is done by replacing the logo.png and/or ofbiz_logo.gif under the themes folder "images", however this trick doesn't work for Rainbowstone.
>
> I spent almost one day in tracking where goes wrong and found that might be because of the CommonScreens.xml pre-configurations of the field "layoutSettings.commonHeaderImageLinkUrl".
> Can any guru help and shed a new light on my problem?
>
> Have a nice day!!!
>
> Best Regards
>
> Schumann Ye
> KTK Group Co., Ltd.
> Mobile:+86-1800-150-1800
> Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
> ******************************************************
> Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City, JiangSu Province,China
> Zip Code: 213102
> Website: http://www.ktk.com.cn<http://www.ktk.com.cn/<http://www.ktk.com.cn%3chttp:/www.ktk.com.cn/>>   http://www.wjjh.com<http://www.wjjh.com/>
>
>
>
>

Re: OFBiz Theme Customization

Posted by Julien NICOLAS <ju...@nereide.fr>.
Hi Ye,

If you inspect the logo (right click on the logo and inspect in your 
browser), you will find that the css manage the logo path.

You will see that this logo is the vectorial version one. Here after the 
path :

/home/julien/OFBizRoot/ofbiz-framework-official/trunk/themes/rainbowstone/webapp/rainbowstone/images/ofbiz_logo.svg

Have a nice day :)

Julien.

Le 06/03/2018 à 10:20, Schumann Ye a écrit :
> Dear Gurus,
>
> I want to customize the default provided themes and modify the accompanying css and other element.
> I have successfully modified the logo of the themes (bluelight/flatgrey/tomahawk) and failed with Rainbowstone.
> The previous 3 themes is done by replacing the logo.png and/or ofbiz_logo.gif under the themes folder "images", however this trick doesn't work for Rainbowstone.
>
> I spent almost one day in tracking where goes wrong and found that might be because of the CommonScreens.xml pre-configurations of the field "layoutSettings.commonHeaderImageLinkUrl".
> Can any guru help and shed a new light on my problem?
>
> Have a nice day!!!
>
> Best Regards
>
> Schumann Ye
> KTK Group Co., Ltd.
> Mobile:+86-1800-150-1800
> Email: schumann@ktk.com.cn<ma...@ktk.com.cn>
> ******************************************************
> Add: Industrial Park,Yaoguan Town,Wujin District, Changzhou City, JiangSu Province,China
> Zip Code: 213102
> Website: http://www.ktk.com.cn<http://www.ktk.com.cn/>   http://www.wjjh.com<http://www.wjjh.com/>
>
>
>
>