OFBiz Theme Customization

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
6 messages Options
Reply | Threaded
Open this post in threaded view
|

OFBiz Theme Customization

Schumann
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: [hidden email]<mailto:[hidden email]>
******************************************************
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/>



Reply | Threaded
Open this post in threaded view
|

Re: OFBiz Theme Customization

Julien NICOLAS
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: [hidden email]<mailto:[hidden email]>
> ******************************************************
> 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/>
>
>
>
>
Reply | Threaded
Open this post in threaded view
|

答复: OFBiz Theme Customization

Schumann

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

 

Schumann

+86-1800-150-1800

发送自 Windows 10 邮件应用

 

发件人: [hidden email]
发送时间: 201836 18:04
收件人: [hidden email]
主题: 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: [hidden email]<[hidden email]>
> ******************************************************
> 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/>
>
>
>
>

 

Reply | Threaded
Open this post in threaded view
|

答复: OFBiz Theme Customization

Schumann
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 <[hidden email]>
发送时间: 2018年3月6日 19:32
收件人: [hidden email]
主题: 答复: 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<mailto:[hidden email]>
发送时间: 2018年3月6日 18:04
收件人: [hidden email]<mailto:[hidden email]>
主题: 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: [hidden email]<mailto:[hidden email]>
> ******************************************************
> 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/>
>
>
>
>

Reply | Threaded
Open this post in threaded view
|

Re: 答复: OFBiz Theme Customization

taher
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" <[hidden email]> 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 <[hidden email]>
> 发送时间: 2018年3月6日 19:32
> 收件人: [hidden email]
> 主题: 答复: 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<mailto:[hidden email]>
> 发送时间: 2018年3月6日 18:04
> 收件人: [hidden email]<mailto:[hidden email]>
> 主题: 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: [hidden email]<mailto:[hidden email]>
> > ******************************************************
> > 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/>
> >
> >
> >
> >
>
>
Reply | Threaded
Open this post in threaded view
|

答复: 答复: OFBiz Theme Customization

Schumann
Dear Taher,

Thanks for your comments!
Schumann

-----邮件原件-----
发件人: Taher Alkhateeb <[hidden email]>
发送时间: 2018年3月7日 14:04
收件人: [hidden email]
主题: 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" <[hidden email]> 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 <[hidden email]>
> 发送时间: 2018年3月6日 19:32
> 收件人: [hidden email]
> 主题: 答复: 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<mailto:[hidden email]>
> 发送时间: 2018年3月6日 18:04
> 收件人: [hidden email]<mailto:[hidden email]>
> 主题: 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: [hidden email]<mailto:[hidden email]>
> > ******************************************************
> > 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/>
> >
> >
> >
> >
>
>