Thanks for your comment Ryan.
I have no skill on JQuery but I see two things: * For buttons, jquery allows to add icons where it is difficult to do it html with the elements of type input. Knowing that the buttons of submissions are standardized enough (addition, modification, search(research)) * For the lines of menu, the element with images is much richer and more accessible. Other point, the use of image gives the possibility of using another technology than the html / ajax has less that jquery ui allows it. Ryan do you have the time to make one example to a submit button with icons on jquery ui ? And with it, I try to improve screen engine to support natively. Nicolas Le 20/04/2011 17:13, Ryan Foster a écrit : > I don't see a problem with it, but I don't really see the need. The JQuery UI library that is now in the framework already has a ton of useful icons in it. > > Ryan L. Foster > 801.671.0769 > [hidden email] > ryanlfoster.com > > On Apr 20, 2011, at 8:49 AM, Nicolas Malin wrote: > >> OK Jacques, >> I open a Jira https://issues.apache.org/jira/browse/OFBIZ-4259 >> >> Nicolas >> >> Le 20/04/2011 12:56, Jacques Le Roux a écrit : >>> Hi Nicolas, >>> >>> Looks good to me >>> >>> Jacques >>> >>> From: "Malin Nicolas"<[hidden email]> >>>> I continue this post since i wish to integrate famfamfam icons in OFBiz >>>> standard. >>>> Is there an objection to set famfamfam icons on >>>> framework/images/webapp/images/icons directory ? >>>> >>>> To integrate icons to themes support I propose to add on glocalDecorator :<set field="iconsLocation" >>>> from-field="layoutSettings.VT_ICONS_LOC[0]" default-value="/images/icons" >>>> global="true"/> >>>> >>>> and for hyperlink and submit button we can call icons than :<hyperlink description="${uiLabelMap.CommonEdit}" >>>> target="ManagePortalPages" image-location="${iconsLocation}/edit.png"> >>>> >>>> With this, if a theme want to surcharge standard icons the VT_ICONS_LOC >>>> attribute can be redefined. >>>> >>>> Any suggestions ? >>>> >>>> Nicolas >>>> >>>> -- >>>> View this message in context: http://ofbiz.135035.n4.nabble.com/Apache-license-compatible-icons-tp195101p3462609.html >>>> Sent from the OFBiz - Dev mailing list archive at Nabble.com. >> >> -- >> Nicolas MALIN >> Consultant >> Tél : 06.17.66.40.06 >> Site projet : http://www.neogia.org/ >> ------- >> Société LibrenBerry >> Tél : 02.48.02.56.12 >> Site : http://www.librenberry.net/ >> > -- Nicolas MALIN Consultant Tél : 06.17.66.40.06 Site projet : http://www.neogia.org/ ------- Société LibrenBerry Tél : 02.48.02.56.12 Site : http://www.librenberry.net/ |
Nicolas,
I'm not really talking about Javascript specifically, I speaking more about the JQuery UI CSS Framework. JQuery is used to enhance UI components such as modal windows and sliders, but most of it is just simple CSS class names to style buttons, input boxes, tabs, etc. There are tons of examples online. Here are a couple: http://taitems.github.com/Aristo-jQuery-UI-Theme/ http://view.jqueryui.com/37e8dd6/tests/visual/theme.html http://jqueryui.com/themeroller/ The CSS and icons images for this are in /framework/images/webapp/images/jquery/ui/css Ryan L. Foster 801.671.0769 [hidden email] ryanlfoster.com On Apr 20, 2011, at 3:53 PM, Nicolas Malin wrote: > Thanks for your comment Ryan. > > I have no skill on JQuery but I see two things: > * For buttons, jquery allows to add icons where it is difficult to do it html with the elements of type input. Knowing that the buttons of submissions are standardized enough (addition, modification, search(research)) > * For the lines of menu, the element with images is much richer and more accessible. Other point, the use of image gives the possibility of using another technology than the html / ajax has less that jquery ui allows it. > > Ryan do you have the time to make one example to a submit button with icons on jquery ui ? And with it, I try to improve screen engine to support natively. > > Nicolas > > Le 20/04/2011 17:13, Ryan Foster a écrit : >> I don't see a problem with it, but I don't really see the need. The JQuery UI library that is now in the framework already has a ton of useful icons in it. >> >> Ryan L. Foster >> 801.671.0769 >> [hidden email] >> ryanlfoster.com >> >> On Apr 20, 2011, at 8:49 AM, Nicolas Malin wrote: >> >>> OK Jacques, >>> I open a Jira https://issues.apache.org/jira/browse/OFBIZ-4259 >>> >>> Nicolas >>> >>> Le 20/04/2011 12:56, Jacques Le Roux a écrit : >>>> Hi Nicolas, >>>> >>>> Looks good to me >>>> >>>> Jacques >>>> >>>> From: "Malin Nicolas"<[hidden email]> >>>>> I continue this post since i wish to integrate famfamfam icons in OFBiz >>>>> standard. >>>>> Is there an objection to set famfamfam icons on >>>>> framework/images/webapp/images/icons directory ? >>>>> >>>>> To integrate icons to themes support I propose to add on glocalDecorator :<set field="iconsLocation" >>>>> from-field="layoutSettings.VT_ICONS_LOC[0]" default-value="/images/icons" >>>>> global="true"/> >>>>> >>>>> and for hyperlink and submit button we can call icons than :<hyperlink description="${uiLabelMap.CommonEdit}" >>>>> target="ManagePortalPages" image-location="${iconsLocation}/edit.png"> >>>>> >>>>> With this, if a theme want to surcharge standard icons the VT_ICONS_LOC >>>>> attribute can be redefined. >>>>> >>>>> Any suggestions ? >>>>> >>>>> Nicolas >>>>> >>>>> -- >>>>> View this message in context: http://ofbiz.135035.n4.nabble.com/Apache-license-compatible-icons-tp195101p3462609.html >>>>> Sent from the OFBiz - Dev mailing list archive at Nabble.com. >>> >>> -- >>> Nicolas MALIN >>> Consultant >>> Tél : 06.17.66.40.06 >>> Site projet : http://www.neogia.org/ >>> ------- >>> Société LibrenBerry >>> Tél : 02.48.02.56.12 >>> Site : http://www.librenberry.net/ >>> >> > > > -- > Nicolas MALIN > Consultant > Tél : 06.17.66.40.06 > Site projet : http://www.neogia.org/ > ------- > Société LibrenBerry > Tél : 02.48.02.56.12 > Site : http://www.librenberry.net/ > |
Administrator
|
Thanks Ryan,
This is interesting because it could guarantee (a better) consistency... If ever we miss some icons then famfamfam lib could still be useful I think. Jacques Ryan Foster wrote: > Nicolas, > > I'm not really talking about Javascript specifically, I speaking more about the JQuery UI CSS Framework. JQuery is used to > enhance UI components such as modal windows and sliders, but most of it is just simple CSS class names to style buttons, input > boxes, tabs, etc. There are tons of examples online. Here are a couple: > > http://taitems.github.com/Aristo-jQuery-UI-Theme/ > http://view.jqueryui.com/37e8dd6/tests/visual/theme.html > http://jqueryui.com/themeroller/ > > The CSS and icons images for this are in /framework/images/webapp/images/jquery/ui/css > > Ryan L. Foster > 801.671.0769 > [hidden email] > ryanlfoster.com > > On Apr 20, 2011, at 3:53 PM, Nicolas Malin wrote: > >> Thanks for your comment Ryan. >> >> I have no skill on JQuery but I see two things: >> * For buttons, jquery allows to add icons where it is difficult to do it html with the elements of type input. Knowing that the >> buttons of submissions are standardized enough (addition, modification, search(research)) >> * For the lines of menu, the element with images is much richer and more accessible. Other point, the use of image gives the >> possibility of using another technology than the html / ajax has less that jquery ui allows it. >> >> Ryan do you have the time to make one example to a submit button with icons on jquery ui ? And with it, I try to improve screen >> engine to support natively. >> >> Nicolas >> >> Le 20/04/2011 17:13, Ryan Foster a écrit : >>> I don't see a problem with it, but I don't really see the need. The JQuery UI library that is now in the framework already has >>> a ton of useful icons in it. >>> >>> Ryan L. Foster >>> 801.671.0769 >>> [hidden email] >>> ryanlfoster.com >>> >>> On Apr 20, 2011, at 8:49 AM, Nicolas Malin wrote: >>> >>>> OK Jacques, >>>> I open a Jira https://issues.apache.org/jira/browse/OFBIZ-4259 >>>> >>>> Nicolas >>>> >>>> Le 20/04/2011 12:56, Jacques Le Roux a écrit : >>>>> Hi Nicolas, >>>>> >>>>> Looks good to me >>>>> >>>>> Jacques >>>>> >>>>> From: "Malin Nicolas"<[hidden email]> >>>>>> I continue this post since i wish to integrate famfamfam icons in OFBiz >>>>>> standard. >>>>>> Is there an objection to set famfamfam icons on >>>>>> framework/images/webapp/images/icons directory ? >>>>>> >>>>>> To integrate icons to themes support I propose to add on glocalDecorator :<set field="iconsLocation" >>>>>> from-field="layoutSettings.VT_ICONS_LOC[0]" default-value="/images/icons" >>>>>> global="true"/> >>>>>> >>>>>> and for hyperlink and submit button we can call icons than :<hyperlink description="${uiLabelMap.CommonEdit}" >>>>>> target="ManagePortalPages" image-location="${iconsLocation}/edit.png"> >>>>>> >>>>>> With this, if a theme want to surcharge standard icons the VT_ICONS_LOC >>>>>> attribute can be redefined. >>>>>> >>>>>> Any suggestions ? >>>>>> >>>>>> Nicolas >>>>>> >>>>>> -- >>>>>> View this message in context: http://ofbiz.135035.n4.nabble.com/Apache-license-compatible-icons-tp195101p3462609.html >>>>>> Sent from the OFBiz - Dev mailing list archive at Nabble.com. >>>> >>>> -- >>>> Nicolas MALIN >>>> Consultant >>>> Tél : 06.17.66.40.06 >>>> Site projet : http://www.neogia.org/ >>>> ------- >>>> Société LibrenBerry >>>> Tél : 02.48.02.56.12 >>>> Site : http://www.librenberry.net/ >>>> >>> >> >> >> -- >> Nicolas MALIN >> Consultant >> Tél : 06.17.66.40.06 >> Site projet : http://www.neogia.org/ >> ------- >> Société LibrenBerry >> Tél : 02.48.02.56.12 >> Site : http://www.librenberry.net/ |
Very true. FamFam has a lot more icons that JQuery UI does. I was just pointing out that we did already have an icon framework available is case Nicolas mistakenly thought that there wasn't any icons in OFBiz at all. Having two different styles of icon design to choose from is not a bad idea at all, as it will allow some flexibility in styling when it comes to theming.
carry on... carry on... Ryan L. Foster 801.671.0769 [hidden email] ryanlfoster.com On Apr 20, 2011, at 11:56 PM, Jacques Le Roux wrote: > Thanks Ryan, > > This is interesting because it could guarantee (a better) consistency... If ever we miss some icons then famfamfam lib could still be useful I think. > > Jacques > > Ryan Foster wrote: >> Nicolas, >> >> I'm not really talking about Javascript specifically, I speaking more about the JQuery UI CSS Framework. JQuery is used to >> enhance UI components such as modal windows and sliders, but most of it is just simple CSS class names to style buttons, input >> boxes, tabs, etc. There are tons of examples online. Here are a couple: >> >> http://taitems.github.com/Aristo-jQuery-UI-Theme/ >> http://view.jqueryui.com/37e8dd6/tests/visual/theme.html >> http://jqueryui.com/themeroller/ >> >> The CSS and icons images for this are in /framework/images/webapp/images/jquery/ui/css >> >> Ryan L. Foster >> 801.671.0769 >> [hidden email] >> ryanlfoster.com >> >> On Apr 20, 2011, at 3:53 PM, Nicolas Malin wrote: >> >>> Thanks for your comment Ryan. >>> >>> I have no skill on JQuery but I see two things: >>> * For buttons, jquery allows to add icons where it is difficult to do it html with the elements of type input. Knowing that the >>> buttons of submissions are standardized enough (addition, modification, search(research)) >>> * For the lines of menu, the element with images is much richer and more accessible. Other point, the use of image gives the >>> possibility of using another technology than the html / ajax has less that jquery ui allows it. >>> >>> Ryan do you have the time to make one example to a submit button with icons on jquery ui ? And with it, I try to improve screen >>> engine to support natively. >>> >>> Nicolas >>> >>> Le 20/04/2011 17:13, Ryan Foster a écrit : >>>> I don't see a problem with it, but I don't really see the need. The JQuery UI library that is now in the framework already has >>>> a ton of useful icons in it. >>>> >>>> Ryan L. Foster >>>> 801.671.0769 >>>> [hidden email] >>>> ryanlfoster.com >>>> >>>> On Apr 20, 2011, at 8:49 AM, Nicolas Malin wrote: >>>> >>>>> OK Jacques, >>>>> I open a Jira https://issues.apache.org/jira/browse/OFBIZ-4259 >>>>> >>>>> Nicolas >>>>> >>>>> Le 20/04/2011 12:56, Jacques Le Roux a écrit : >>>>>> Hi Nicolas, >>>>>> >>>>>> Looks good to me >>>>>> >>>>>> Jacques >>>>>> >>>>>> From: "Malin Nicolas"<[hidden email]> >>>>>>> I continue this post since i wish to integrate famfamfam icons in OFBiz >>>>>>> standard. >>>>>>> Is there an objection to set famfamfam icons on >>>>>>> framework/images/webapp/images/icons directory ? >>>>>>> >>>>>>> To integrate icons to themes support I propose to add on glocalDecorator :<set field="iconsLocation" >>>>>>> from-field="layoutSettings.VT_ICONS_LOC[0]" default-value="/images/icons" >>>>>>> global="true"/> >>>>>>> >>>>>>> and for hyperlink and submit button we can call icons than :<hyperlink description="${uiLabelMap.CommonEdit}" >>>>>>> target="ManagePortalPages" image-location="${iconsLocation}/edit.png"> >>>>>>> >>>>>>> With this, if a theme want to surcharge standard icons the VT_ICONS_LOC >>>>>>> attribute can be redefined. >>>>>>> >>>>>>> Any suggestions ? >>>>>>> >>>>>>> Nicolas >>>>>>> >>>>>>> -- >>>>>>> View this message in context: http://ofbiz.135035.n4.nabble.com/Apache-license-compatible-icons-tp195101p3462609.html >>>>>>> Sent from the OFBiz - Dev mailing list archive at Nabble.com. >>>>> >>>>> -- >>>>> Nicolas MALIN >>>>> Consultant >>>>> Tél : 06.17.66.40.06 >>>>> Site projet : http://www.neogia.org/ >>>>> ------- >>>>> Société LibrenBerry >>>>> Tél : 02.48.02.56.12 >>>>> Site : http://www.librenberry.net/ >>>>> >>>> >>> >>> >>> -- >>> Nicolas MALIN >>> Consultant >>> Tél : 06.17.66.40.06 >>> Site projet : http://www.neogia.org/ >>> ------- >>> Société LibrenBerry >>> Tél : 02.48.02.56.12 >>> Site : http://www.librenberry.net/ > > |
Ok, thanks jacques and Ryan for your comments : we are in the same line ;) First step, I wait/correct famfam icons integration in OFBiz, and continue to put icons in menu Second step, I work on icon button with jqueryui. I have some idea to use prototype button to simplify form definition. 80% buttons are on four type : add / update / find / remove. Nicolas Le 21/04/2011 18:17, Ryan Foster a écrit : > Very true. FamFam has a lot more icons that JQuery UI does. I was just pointing out that we did already have an icon framework available is case Nicolas mistakenly thought that there wasn't any icons in OFBiz at all. Having two different styles of icon design to choose from is not a bad idea at all, as it will allow some flexibility in styling when it comes to theming. > > carry on... carry on... > > Ryan L. Foster > 801.671.0769 > [hidden email] > ryanlfoster.com > > On Apr 20, 2011, at 11:56 PM, Jacques Le Roux wrote: > >> Thanks Ryan, >> >> This is interesting because it could guarantee (a better) consistency... If ever we miss some icons then famfamfam lib could still be useful I think. >> >> Jacques >> >> Ryan Foster wrote: >>> Nicolas, >>> >>> I'm not really talking about Javascript specifically, I speaking more about the JQuery UI CSS Framework. JQuery is used to >>> enhance UI components such as modal windows and sliders, but most of it is just simple CSS class names to style buttons, input >>> boxes, tabs, etc. There are tons of examples online. Here are a couple: >>> >>> http://taitems.github.com/Aristo-jQuery-UI-Theme/ >>> http://view.jqueryui.com/37e8dd6/tests/visual/theme.html >>> http://jqueryui.com/themeroller/ >>> >>> The CSS and icons images for this are in /framework/images/webapp/images/jquery/ui/css >>> >>> Ryan L. Foster >>> 801.671.0769 >>> [hidden email] >>> ryanlfoster.com >>> >>> On Apr 20, 2011, at 3:53 PM, Nicolas Malin wrote: >>> >>>> Thanks for your comment Ryan. >>>> >>>> I have no skill on JQuery but I see two things: >>>> * For buttons, jquery allows to add icons where it is difficult to do it html with the elements of type input. Knowing that the >>>> buttons of submissions are standardized enough (addition, modification, search(research)) >>>> * For the lines of menu, the element with images is much richer and more accessible. Other point, the use of image gives the >>>> possibility of using another technology than the html / ajax has less that jquery ui allows it. >>>> >>>> Ryan do you have the time to make one example to a submit button with icons on jquery ui ? And with it, I try to improve screen >>>> engine to support natively. >>>> >>>> Nicolas >>>> >>>> Le 20/04/2011 17:13, Ryan Foster a écrit : >>>>> I don't see a problem with it, but I don't really see the need. The JQuery UI library that is now in the framework already has >>>>> a ton of useful icons in it. >>>>> >>>>> Ryan L. Foster >>>>> 801.671.0769 >>>>> [hidden email] >>>>> ryanlfoster.com >>>>> >>>>> On Apr 20, 2011, at 8:49 AM, Nicolas Malin wrote: >>>>> >>>>>> OK Jacques, >>>>>> I open a Jira https://issues.apache.org/jira/browse/OFBIZ-4259 >>>>>> >>>>>> Nicolas >>>>>> >>>>>> Le 20/04/2011 12:56, Jacques Le Roux a écrit : >>>>>>> Hi Nicolas, >>>>>>> >>>>>>> Looks good to me >>>>>>> >>>>>>> Jacques >>>>>>> >>>>>>> From: "Malin Nicolas"<[hidden email]> >>>>>>>> I continue this post since i wish to integrate famfamfam icons in OFBiz >>>>>>>> standard. >>>>>>>> Is there an objection to set famfamfam icons on >>>>>>>> framework/images/webapp/images/icons directory ? >>>>>>>> >>>>>>>> To integrate icons to themes support I propose to add on glocalDecorator :<set field="iconsLocation" >>>>>>>> from-field="layoutSettings.VT_ICONS_LOC[0]" default-value="/images/icons" >>>>>>>> global="true"/> >>>>>>>> >>>>>>>> and for hyperlink and submit button we can call icons than :<hyperlink description="${uiLabelMap.CommonEdit}" >>>>>>>> target="ManagePortalPages" image-location="${iconsLocation}/edit.png"> >>>>>>>> >>>>>>>> With this, if a theme want to surcharge standard icons the VT_ICONS_LOC >>>>>>>> attribute can be redefined. >>>>>>>> >>>>>>>> Any suggestions ? >>>>>>>> >>>>>>>> Nicolas >>>>>>>> >>>>>>>> -- >>>>>>>> View this message in context: http://ofbiz.135035.n4.nabble.com/Apache-license-compatible-icons-tp195101p3462609.html >>>>>>>> Sent from the OFBiz - Dev mailing list archive at Nabble.com. >>>>>> -- >>>>>> Nicolas MALIN >>>>>> Consultant >>>>>> Tél : 06.17.66.40.06 >>>>>> Site projet : http://www.neogia.org/ >>>>>> ------- >>>>>> Société LibrenBerry >>>>>> Tél : 02.48.02.56.12 >>>>>> Site : http://www.librenberry.net/ >>>>>> >>>> >>>> -- >>>> Nicolas MALIN >>>> Consultant >>>> Tél : 06.17.66.40.06 >>>> Site projet : http://www.neogia.org/ >>>> ------- >>>> Société LibrenBerry >>>> Tél : 02.48.02.56.12 >>>> Site : http://www.librenberry.net/ >> > -- Nicolas MALIN Consultant Tél : 06.17.66.40.06 Site projet : http://www.neogia.org/ ------- Société LibrenBerry Tél : 02.48.02.56.12 Site : http://www.librenberry.net/ |
Le 22/04/2011 00:54, Nicolas Malin a écrit :
> > Ok, thanks jacques and Ryan for your comments : we are in the same line ;) > > First step, I wait/correct famfam icons integration in OFBiz, and > continue to put icons in menu > Second step, I work on icon button with jqueryui. I have some idea to > use prototype button to simplify form definition. 80% buttons are on > four type : add / update / find / remove. > H Nicolas, there is already this kind of css style for buttons.If you look to pages with the tomhawak theme, there is an addition sign for adding, etc.. Cheers, -- Erwan de FERRIERES www.nereide.biz |
Yes but only on css. My idea on sumbit button is format label and icons
<field name="submit"><submit type="add"/></field> == <field name="submit" title="${uiLabel.CommonAdd}" widget-style><submit type="button"/></field> With this method it's easier to extend template to apply a dedicate css, img or other for button type. Nicolas > Le 22/04/2011 00:54, Nicolas Malin a écrit : >> >> Ok, thanks jacques and Ryan for your comments : we are in the same line >> ;) >> >> First step, I wait/correct famfam icons integration in OFBiz, and >> continue to put icons in menu >> Second step, I work on icon button with jqueryui. I have some idea to >> use prototype button to simplify form definition. 80% buttons are on >> four type : add / update / find / remove. >> > H Nicolas, > > there is already this kind of css style for buttons.If you look to pages > with the tomhawak theme, there is an addition sign for adding, etc.. > > Cheers, > > > -- > Erwan de FERRIERES > www.nereide.biz > |
Administrator
|
In reply to this post by Erwan de FERRIERES
Done at revision: 1095984, see my comments in commit
Jacques From: <[hidden email]> > Yes but only on css. My idea on sumbit button is format label and icons > > <field name="submit"><submit type="add"/></field> == <field name="submit" > title="${uiLabel.CommonAdd}" widget-style><submit type="button"/></field> > > With this method it's easier to extend template to apply a dedicate css, > img or other for button type. > > Nicolas > >> Le 22/04/2011 00:54, Nicolas Malin a écrit : >>> >>> Ok, thanks jacques and Ryan for your comments : we are in the same line >>> ;) >>> >>> First step, I wait/correct famfam icons integration in OFBiz, and >>> continue to put icons in menu >>> Second step, I work on icon button with jqueryui. I have some idea to >>> use prototype button to simplify form definition. 80% buttons are on >>> four type : add / update / find / remove. >>> >> H Nicolas, >> >> there is already this kind of css style for buttons.If you look to pages >> with the tomhawak theme, there is an addition sign for adding, etc.. >> >> Cheers, >> >> >> -- >> Erwan de FERRIERES >> www.nereide.biz >> > > |
Free forum by Nabble | Edit this page |