From: "Jonatan Soto" <[email protected]>
Sure.Note that it is WIP. http://test.japanflavour.com/ecomm/traditional
If you navigate through the site you'll find that all the buttons, tabs,
accordions, dialogs, etc. have the same appearance . They can be changed
very easily just setting up the look and feel you prefer on the theme
rolling page
(http://jqueryui.com/themeroller/<http://jqueryui.com/themeroller/>),
I put the necessary files I've got in the jquery ui folder. Ex:
<ofbiz-installation>/framework/images/webapp/images/jquery/ui/css/<custom-theme>/jquery-ui-x.x.x.custom.min.css
<ofbiz-installation>/framework/images/webapp/images/jquery/ui/js/jquery-ui-x.x.x.custom.min.js
(if the version is different)
In common-screens for the ecommerce app, the main-decorator is defined the
js OOTB:
<set field="layoutSettings.javaScripts[+0]"
value="/images/jquery/ui/js/jquery-ui-x.x.x.custom.min.js" global="true"/>
I added this record to the VISUAL_THEME_RESOURCE table:
| <THEME_ID> | VT_STYLESHEET | 06 |
/images/jquery/ui/css/custom-theme/jquery-ui-x.x.x.custom.css |
NULL | NULL | NULL |
NULL |
-------------------
BTW, I think we are talking the same thing, as I understood you want to
remove this line because it is not used and I agree. What I don't think is
necessary is to delete the entire ui folder.
It is very versatile since all the jQuery UI widgets have at the bottom of
each documentation page a guideline with the generated css classes. It is
good for override the normal behavior with a little effort.
HTH
Sure we use jQuery UI much in the ERP side, we need it there!
Jacques
On Thu, Feb 24, 2011 at 7:41 AM, Sascha Rodekamp <sascha.rodekamp.lynx.de@
googlemail.com> wrote:
Hey Joanatan of course it is, but it's not part of the OOTB Ecommerce App
:-). Maybe you could provide an example implementation; I would love to see
it!
But till then I prefer to remove all not needed JS Libs form the main
decorator. When someone needs jQuery in the ecommerce app he can simply add
everything he wants but there is no overhead anymore. It's everytime better
to load JS Libs only in the screens where they are needed and not every
library in the main decorator. :-)
@Sam You're welcome.
Have a good day
Sascha
2011/2/24 Sam Hamilton <[email protected]>
> Many thanks Sascha!
>
>
> On 24 Feb 2011, at 03:34, Sascha Rodekamp wrote:
>
> > Hey *,
> > ok a checked the ecommerce up. And you're right we don't need all the
> jQuery
> > UI Stuff. I will remove and committ the changes.
> >
> > Thanks Guys
> > Cheers
> > Sascha
> >
> > 2011/2/23 Jonatan Soto <[email protected]>
> >
> >> Hi,
> >>
> >> I remember I asked for a similar question some months ago. These are
my
> >> conclusions:
> >>
> >> AFAIK jQuery UI is not entirely used OOTB in Ofbiz. Those heavy js and
> css
> >> files can be reduced a lot if you don't have plans to use all the
> >> components
> >> of jQuery UI. If you do, you can customize the theme roller with every
> >> components you would need such ui core, interactions, widgets and
> effects.
> >> It is pretty customizable and allows to select subcomponents of them
> when
> >> you finish to custom the theme.
> >> In my case I've decided to use jQuery UI for theme rolling purposes so
> all
> >> the widgets included in the library will be widely altered easily. I
> just
> >> added a record for the css to my custom ofbiz theme. I used the one
I've
> >> got
> >> after customization from http://jqueryui.com/themeroller/ and copied
> into
> >> ofbiz\framework\images\webapp\images\jquery\ui\css\"custom-theme". If
> the
> >> version of the js file is different it's also recommendable to change
> it.
> >> It
> >> is located in ofbiz\framework\images\webapp\images\jquery\ui\js.
> >>
> >> HTH
> >>
> >> On Wed, Feb 23, 2011 at 10:57 AM, Sam Hamilton <[email protected]> wrote:
> >>
> >>> Hi Sascha & Jacques
> >>>
> >>> If you view the source of any of the /ecommerce/ pages you should
see:
> >>>
> >>> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
> >>> <title>Featured Products: OFBiz E-Commerce Store</title>
> >>> <link rel="shortcut icon" href="/images/ofbiz.ico" />
> >>> <script type="text/javascript"
> >>> src="/images/jquery/jquery-1.4.2.min.js"></script>
> >>> <script type="text/javascript"
> >>>
> >>
>
src="/images/jquery/ui/development-bundle/ui/i18n/jquery.ui.datepicker-en_US.js"></script>
> >>> <script type="text/javascript"
> >>>
> >>
>
src="/images/jquery/ui/development-bundle/ui/jquery.ui.datepicker.js"></script>
> >>> <script type="text/javascript"
> >>>
src="/images/jquery/plugins/validate/jquery.validate.min.js"></script>
> >>> <script type="text/javascript"
> >>> src="/images/jquery/ui/js/jquery-ui-1.8.6.custom.min.js"></script>
> >>> <script type="text/javascript"
> >>>
> >>
>
src="/images/jquery/plugins/datetimepicker/jquery-ui-timepicker-addon-0.9.3.min.js"></script>
> >>> <script type="text/javascript" src="/images/fieldlookup.js"></script>
> >>> <script type="text/javascript" src="/images/selectall.js"></script>
> >>> <link rel="stylesheet" href="/ecommerce/images/blog.css"
> >> type="text/css"/>
> >>> <link rel="stylesheet" href="/images/ecommain.css" type="text/css"/>
> >>> <link rel="stylesheet" href="/content/images/contentForum.css"
> >>> type="text/css"/>
> >>>
> >>> I found the 404 because I was running www.webpagetest.org against
the
> >> home
> >>> page and in the waterfall I spotted the 2 jquery files - test results
> are
> >>> here if you fancy a distraction for 2 mins
> >>> http://www.webpagetest.org/result/110223_1A_1N7C/
> >>>
> >>> Sam
> >>>
> >>>
> >>>
> >>> On 23 Feb 2011, at 17:19, Sascha Rodekamp wrote:
> >>>
> >>>> Hey Sam, hey Jacques,
> >>>> i 'm also not sure. But i'll double check this tonight. And if it is
> >>> really
> >>>> obsolete i'll remove it :-)
> >>>>
> >>>> Cheers guys
> >>>>
> >>>>
> >>>> 2011/2/23 Jacques Le Roux <[email protected]>
> >>>>
> >>>>> From: "Sam Hamilton" <[email protected]>
> >>>>>
> >>>>>> Afraid I don't know how to tell the difference when a script calls
> >>> jquery
> >>>>>> or jquery ui?
> >>>>>>
> >>>>>
> >>>>> Honestly I think we don't use jQuery UI OOTB. You could try to
remove
> >> it
> >>>>> and see what happens...
> >>>>>
> >>>>>
> >>>>> Sorry don't understand what you mean by "default and handled
> >> internally"
> >>> -
> >>>>>> the page is pointing to a missing script which it might or might
not
> >>> need -
> >>>>>> again not sure how to tell....
> >>>>>>
> >>>>>
> >>>>> How did you get this URL? The software should not send you there...
> >>>>>
> >>>>> Jacques
> >>>>>
> >>>>>
> >>>>> Sam
> >>>>>>
> >>>>>>
> >>>>>>
> >>>>>> On 22 Feb 2011, at 15:43, Jacques Le Roux wrote:
> >>>>>>
> >>>>>> I did not check if we use jQuery UI in eCommerce. Indeed 205 913
> >> bytes
> >>>>>>> is not negligible, but we should be sure before removing it that
we
> >>> are not
> >>>>>>> using it OOTB, did you check?
> >>>>>>> For jquery.ui.datepicker-en_US.js is not provided by jQuery UI
> >> because
> >>>>>>> it's the default and handled internally.
> >>>>>>>
> >>>>>>> Jacques
> >>>>>>>
> >>>>>>> From: "Sam Hamilton" <[email protected]>
> >>>>>>>
> >>>>>>>> Was just running round the ecommerce site when I noticed that
both
> >>>>>>>> jquery-1.4.2.min.js and jquery-ui-1.8.6.custom.min.js are served
> >> when
> >>>>>>>> loading /ecommerce/ pages? Isn't that rather excessive and only
> >>>>>>>> jquery-1.4.2.min.js should be called?
> >>>>>>>>
> >>>>>>>> On another note
> >>>>>>>>
> >>>
> >>
>
http://demo-trunk.ofbiz.apache.org/images/jquery/ui/development-bundle/ui/i18n/jquery.ui.datepicker-en_US.jsis404ingout
> .
> >>>>>>>>
> >>>>>>>> Sam
> >>>>>>>>
> >>>>>>>
> >>>>>>>
> >>>>>>>
> >>>>>>
> >>>>>>
> >>>>>
> >>>>>
> >>>>
> >>>>
> >>>> --
> >>>> Sascha Rodekamp
> >>>> Lynx-Consulting GmbH
> >>>> Johanniskirchplatz 6
> >>>> D-33615 Bielefeld
> >>>> http://www.lynx.de
> >>>
> >>>
> >>
> >>
> >> --
> >> -----
> >>
> >> Jonatan Soto
> >>
> >
> >
> >
> > --
> > Sascha Rodekamp
> > Lynx-Consulting GmbH
> > Johanniskirchplatz 6
> > D-33615 Bielefeld
> > http://www.lynx.de
>
>
--
Sascha Rodekamp
Lynx-Consulting GmbH
Johanniskirchplatz 6
D-33615 Bielefeld
http://www.lynx.de
--
-----
Jonatan Soto
