Theme bootstrap
Locked
 
|
Hi,
I'm working on a basic bootstrap theme for OFBiz. My goal is that OFBiz project uses bootstrap standard classes to work. I encountered some issues that I've fixed. The problem is that I change the framework and if I want to share my work with the community, it could be better to do it in the best way. I know that it's a task in the roadmap, so I hope somebody is already working on or waiting for team mate :) I'm actually focused on : - Portlet-widget structure - KeywordSearchform - Multi-menu management Who can help me on this topic ? Thanks by advanced, Julien. |
|
|
Hi Julien,
I'd like to work with you and other on this subject ! Pierre On 10/10/2014 09:21, Julien NICOLAS wrote: > Hi, > > I'm working on a basic bootstrap theme for OFBiz. > My goal is that OFBiz project uses bootstrap standard classes to work. > > I encountered some issues that I've fixed. The problem is that I > change the framework and if I want to share my work with the > community, it could be better to do it in the best way. > > I know that it's a task in the roadmap, so I hope somebody is already > working on or waiting for team mate :) > > I'm actually focused on : > - Portlet-widget structure > - KeywordSearchform > - Multi-menu management > > Who can help me on this topic ? > > Thanks by advanced, > > Julien. > |
|
|
In reply to this post by JulienNicolas
Hi Julien
I'd like to join the team. I've done some work with bootstrap, albeit on ecommerce and front-end sites. For backend apps I believe that the task should be approached systematically and that this could also be an opportunity to bed down some ui design principles - which could captured in the wiki - as a page on its own. The wiki already contains information on widgets ( https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), but nowhere does it recommend best practices for ui design. A suggested approach: 1. Start with screen widgets - the widget-screen.xsd will need to be revisited to align this with the Bootstrap CSS (grid-system amongst others); 2. Form widgets - revisit widget-form.xsd; 3. Menus and navigation - widget-menu.xsd; 4. Styling - customisation and theming. What do you think? Gavin On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS <[hidden email]> wrote: > Hi, > > I'm working on a basic bootstrap theme for OFBiz. > My goal is that OFBiz project uses bootstrap standard classes to work. > > I encountered some issues that I've fixed. The problem is that I change > the framework and if I want to share my work with the community, it could > be better to do it in the best way. > > I know that it's a task in the roadmap, so I hope somebody is already > working on or waiting for team mate :) > > I'm actually focused on : > - Portlet-widget structure > - KeywordSearchform > - Multi-menu management > > Who can help me on this topic ? > > Thanks by advanced, > > Julien. > |
|
|
Correction - The Wiki does include layout best practices:
https://cwiki.apache.org/confluence/display/OFBADMIN/User+Interface+Layout+Best+Practices https://cwiki.apache.org/confluence/display/OFBADMIN/HTML+and+CSS+Best+Practices https://cwiki.apache.org/confluence/display/OFBIZ/OFBiz+maincss.css+HTML+Element+Collection+Styles Plus, there is a page in Web Tools where you can try out your custom visual theme: http://demo-stable-ofbiz.apache.org/webtools/control/WebtoolsLayoutDemo I recommend you move this discussion to the dev mailing list - where experienced OFBiz developers can help you. Adrian Crum Sandglass Software www.sandglass-software.com On 10/10/2014 10:49 AM, Gavin Mabie wrote: > Hi Julien > > I'd like to join the team. I've done some work with bootstrap, albeit on > ecommerce and front-end sites. For backend apps I believe that the task > should be approached systematically and that this could also be an > opportunity to bed down some ui design principles - which could captured in > the wiki - as a page on its own. The wiki already contains information on > widgets ( > https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), > but nowhere does it recommend best practices for ui design. A suggested > approach: > 1. Start with screen widgets - the widget-screen.xsd will need to be > revisited to align this with the Bootstrap CSS (grid-system amongst others); > 2. Form widgets - revisit widget-form.xsd; > 3. Menus and navigation - widget-menu.xsd; > 4. Styling - customisation and theming. > > What do you think? > > Gavin > > > On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS <[hidden email]> > wrote: > >> Hi, >> >> I'm working on a basic bootstrap theme for OFBiz. >> My goal is that OFBiz project uses bootstrap standard classes to work. >> >> I encountered some issues that I've fixed. The problem is that I change >> the framework and if I want to share my work with the community, it could >> be better to do it in the best way. >> >> I know that it's a task in the roadmap, so I hope somebody is already >> working on or waiting for team mate :) >> >> I'm actually focused on : >> - Portlet-widget structure >> - KeywordSearchform >> - Multi-menu management >> >> Who can help me on this topic ? >> >> Thanks by advanced, >> >> Julien. >> > |
|
|
In reply to this post by JulienNicolas
Hi Julien,
I would be glad to help you. Florient. Le 10/10/2014 09:21, Julien NICOLAS a écrit : > Hi, > > I'm working on a basic bootstrap theme for OFBiz. > My goal is that OFBiz project uses bootstrap standard classes to work. > > I encountered some issues that I've fixed. The problem is that I > change the framework and if I want to share my work with the > community, it could be better to do it in the best way. > > I know that it's a task in the roadmap, so I hope somebody is already > working on or waiting for team mate :) > > I'm actually focused on : > - Portlet-widget structure > - KeywordSearchform > - Multi-menu management > > Who can help me on this topic ? > > Thanks by advanced, > > Julien. |
|
Hi Julien,
This is one of the suggestions which I find very appealing given OFBiz suffers from an ugly interface. I would be very happy to help. This is quite a big project though given that it implies among many other things moving to html5 and tweaking the widget logic and controllers as well. Themes would change and a lot of ajax would need to integrate pretty much everywhere. Then you also need to make sure that nothing conflicts with existing libraries and that JQuery is of the correct dependency version. Is there a plan or a vision of how to tackle this project? Taher Alkhateeb On Oct 10, 2014 3:12 PM, "Florient" <[hidden email]> wrote: > Hi Julien, > > I would be glad to help you. > > Florient. > > > Le 10/10/2014 09:21, Julien NICOLAS a écrit : > >> Hi, >> >> I'm working on a basic bootstrap theme for OFBiz. >> My goal is that OFBiz project uses bootstrap standard classes to work. >> >> I encountered some issues that I've fixed. The problem is that I change >> the framework and if I want to share my work with the community, it could >> be better to do it in the best way. >> >> I know that it's a task in the roadmap, so I hope somebody is already >> working on or waiting for team mate :) >> >> I'm actually focused on : >> - Portlet-widget structure >> - KeywordSearchform >> - Multi-menu management >> >> Who can help me on this topic ? >> >> Thanks by advanced, >> >> Julien. >> > |
|
|
In reply to this post by Gavin Mabie-2
Hi Gavin, Pierre, Florient and Taher,
It's a good news that you all join the team :) Other thanks to Adrian for informations ! Maybe the first step could be to create a setting which allow to switch from old management to the new one because it seems to be hard to change the framework without breaking old css themes. Another important point is to define a mock-up for the basic navigation and apply it for easiest navigation. This will be helpful to work with the other points. Taher, I think that it's a big task because we can find several types of screens (widget, ftl, form, etc.) and many technologies very helpful but maybe it's time to unify the main software UI. Even if we keep all technologies that make the software flexibility, it's important to be coherent in standard UI. So I suggest this following steps : 1 - Create themes switch 2 - Submit several mock-up for the basic navigation (ask community feeling) 3 - Implement basic navigation 4 - Mock-up for standard to unify standard UI (ask community feeling) 5 - Screen widgets 6 - Form Widgets 7 - Styling I think point 2 and 4 could be running during working on the others but we have to start to submit mock-ups to the community because discussions could take a lot of time ;) Julien. Le 10/10/2014 11:49, Gavin Mabie a écrit : > Hi Julien > > I'd like to join the team. I've done some work with bootstrap, albeit on > ecommerce and front-end sites. For backend apps I believe that the task > should be approached systematically and that this could also be an > opportunity to bed down some ui design principles - which could captured in > the wiki - as a page on its own. The wiki already contains information on > widgets ( > https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), > but nowhere does it recommend best practices for ui design. A suggested > approach: > 1. Start with screen widgets - the widget-screen.xsd will need to be > revisited to align this with the Bootstrap CSS (grid-system amongst others); > 2. Form widgets - revisit widget-form.xsd; > 3. Menus and navigation - widget-menu.xsd; > 4. Styling - customisation and theming. > > What do you think? > > Gavin > > > On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS <[hidden email]> > wrote: > >> Hi, >> >> I'm working on a basic bootstrap theme for OFBiz. >> My goal is that OFBiz project uses bootstrap standard classes to work. >> >> I encountered some issues that I've fixed. The problem is that I change >> the framework and if I want to share my work with the community, it could >> be better to do it in the best way. >> >> I know that it's a task in the roadmap, so I hope somebody is already >> working on or waiting for team mate :) >> >> I'm actually focused on : >> - Portlet-widget structure >> - KeywordSearchform >> - Multi-menu management >> >> Who can help me on this topic ? >> >> Thanks by advanced, >> >> Julien. >> |
|
|
We looked at this a few months ago -- and found that bootstrap was
similar to our "component" approach in BigFish. With the obvious benefit of being an industry standard! Excellent initiative and one that I would like to support. I've already spoken with my team (about 8 OFBiz / BigFish developers between the US and India) and we'll be thinking about how we can get involved over the coming weeks and months. Obviously we are all interested in having an improved UI for OFBiz! Nick www.solveda.com bigfish.solveda.com On 10/10/2014 9:50 AM, Julien NICOLAS wrote: > Hi Gavin, Pierre, Florient and Taher, > > It's a good news that you all join the team :) > > Other thanks to Adrian for informations ! > > Maybe the first step could be to create a setting which allow to > switch from old management to the new one because it seems to be hard > to change the framework without breaking old css themes. > > Another important point is to define a mock-up for the basic > navigation and apply it for easiest navigation. This will be helpful > to work with the other points. > > Taher, I think that it's a big task because we can find several types > of screens (widget, ftl, form, etc.) and many technologies very > helpful but maybe it's time to unify the main software UI. > Even if we keep all technologies that make the software flexibility, > it's important to be coherent in standard UI. > > So I suggest this following steps : > 1 - Create themes switch > 2 - Submit several mock-up for the basic navigation (ask community > feeling) > 3 - Implement basic navigation > 4 - Mock-up for standard to unify standard UI (ask community feeling) > 5 - Screen widgets > 6 - Form Widgets > 7 - Styling > > I think point 2 and 4 could be running during working on the others > but we have to start to submit mock-ups to the community because > discussions could take a lot of time ;) > > Julien. > > > Le 10/10/2014 11:49, Gavin Mabie a écrit : >> Hi Julien >> >> I'd like to join the team. I've done some work with bootstrap, >> albeit on >> ecommerce and front-end sites. For backend apps I believe that the task >> should be approached systematically and that this could also be an >> opportunity to bed down some ui design principles - which could >> captured in >> the wiki - as a page on its own. The wiki already contains >> information on >> widgets ( >> https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), >> >> but nowhere does it recommend best practices for ui design. A suggested >> approach: >> 1. Start with screen widgets - the widget-screen.xsd will need to be >> revisited to align this with the Bootstrap CSS (grid-system amongst >> others); >> 2. Form widgets - revisit widget-form.xsd; >> 3. Menus and navigation - widget-menu.xsd; >> 4. Styling - customisation and theming. >> >> What do you think? >> >> Gavin >> >> >> On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS >> <[hidden email]> >> wrote: >> >>> Hi, >>> >>> I'm working on a basic bootstrap theme for OFBiz. >>> My goal is that OFBiz project uses bootstrap standard classes to work. >>> >>> I encountered some issues that I've fixed. The problem is that I change >>> the framework and if I want to share my work with the community, it >>> could >>> be better to do it in the best way. >>> >>> I know that it's a task in the roadmap, so I hope somebody is already >>> working on or waiting for team mate :) >>> >>> I'm actually focused on : >>> - Portlet-widget structure >>> - KeywordSearchform >>> - Multi-menu management >>> >>> Who can help me on this topic ? >>> >>> Thanks by advanced, >>> >>> Julien. >>> > |
|
In reply to this post by JulienNicolas
Hi all,
I updated the page https://cwiki.apache.org/confluence/display/OFBADMIN/New+Features+Roadmap+-+Living+Document, Now the best way will be move the discussion on dev and set your battle line on jira ;) Nicolas Le 2014-10-10 15:50, Julien NICOLAS a écrit : > Hi Gavin, Pierre, Florient and Taher, > > It's a good news that you all join the team :) > > Other thanks to Adrian for informations ! > > Maybe the first step could be to create a setting which allow to > switch from old management to the new one because it seems to be hard > to change the framework without breaking old css themes. > > Another important point is to define a mock-up for the basic > navigation and apply it for easiest navigation. This will be helpful > to work with the other points. > > Taher, I think that it's a big task because we can find several types > of screens (widget, ftl, form, etc.) and many technologies very > helpful but maybe it's time to unify the main software UI. > Even if we keep all technologies that make the software flexibility, > it's important to be coherent in standard UI. > > So I suggest this following steps : > 1 - Create themes switch > 2 - Submit several mock-up for the basic navigation (ask community > feeling) > 3 - Implement basic navigation > 4 - Mock-up for standard to unify standard UI (ask community feeling) > 5 - Screen widgets > 6 - Form Widgets > 7 - Styling > > I think point 2 and 4 could be running during working on the others > but we have to start to submit mock-ups to the community because > discussions could take a lot of time ;) > > Julien. > > > Le 10/10/2014 11:49, Gavin Mabie a écrit : >> Hi Julien >> >> I'd like to join the team. I've done some work with bootstrap, >> albeit on >> ecommerce and front-end sites. For backend apps I believe that the >> task >> should be approached systematically and that this could also be an >> opportunity to bed down some ui design principles - which could >> captured in >> the wiki - as a page on its own. The wiki already contains >> information on >> widgets ( >> >> https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), >> but nowhere does it recommend best practices for ui design. A >> suggested >> approach: >> 1. Start with screen widgets - the widget-screen.xsd will need to be >> revisited to align this with the Bootstrap CSS (grid-system amongst >> others); >> 2. Form widgets - revisit widget-form.xsd; >> 3. Menus and navigation - widget-menu.xsd; >> 4. Styling - customisation and theming. >> >> What do you think? >> >> Gavin >> >> >> On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS >> <[hidden email]> >> wrote: >> >>> Hi, >>> >>> I'm working on a basic bootstrap theme for OFBiz. >>> My goal is that OFBiz project uses bootstrap standard classes to >>> work. >>> >>> I encountered some issues that I've fixed. The problem is that I >>> change >>> the framework and if I want to share my work with the community, it >>> could >>> be better to do it in the best way. >>> >>> I know that it's a task in the roadmap, so I hope somebody is >>> already >>> working on or waiting for team mate :) >>> >>> I'm actually focused on : >>> - Portlet-widget structure >>> - KeywordSearchform >>> - Multi-menu management >>> >>> Who can help me on this topic ? >>> >>> Thanks by advanced, >>> >>> Julien. >>> |
|
|
Hi Nicolas,
Great! I'm rubbing hands in excitement. What is the next action now? open a JIRA, have a discussion on mailing list? Furthermore, such a project requires a lot of collaboration. Do we have a platform or a solution for easier collaboration on this project? Regards, Taher Alkhateeb ----- Original Message ----- From: "Nicolas Malin" <[hidden email]> To: [hidden email] Sent: Monday, 13 October, 2014 4:47:05 AM Subject: Re: Theme bootstrap Hi all, I updated the page https://cwiki.apache.org/confluence/display/OFBADMIN/New+Features+Roadmap+-+Living+Document, Now the best way will be move the discussion on dev and set your battle line on jira ;) Nicolas Le 2014-10-10 15:50, Julien NICOLAS a écrit : > Hi Gavin, Pierre, Florient and Taher, > > It's a good news that you all join the team :) > > Other thanks to Adrian for informations ! > > Maybe the first step could be to create a setting which allow to > switch from old management to the new one because it seems to be hard > to change the framework without breaking old css themes. > > Another important point is to define a mock-up for the basic > navigation and apply it for easiest navigation. This will be helpful > to work with the other points. > > Taher, I think that it's a big task because we can find several types > of screens (widget, ftl, form, etc.) and many technologies very > helpful but maybe it's time to unify the main software UI. > Even if we keep all technologies that make the software flexibility, > it's important to be coherent in standard UI. > > So I suggest this following steps : > 1 - Create themes switch > 2 - Submit several mock-up for the basic navigation (ask community > feeling) > 3 - Implement basic navigation > 4 - Mock-up for standard to unify standard UI (ask community feeling) > 5 - Screen widgets > 6 - Form Widgets > 7 - Styling > > I think point 2 and 4 could be running during working on the others > but we have to start to submit mock-ups to the community because > discussions could take a lot of time ;) > > Julien. > > > Le 10/10/2014 11:49, Gavin Mabie a écrit : >> Hi Julien >> >> I'd like to join the team. I've done some work with bootstrap, >> albeit on >> ecommerce and front-end sites. For backend apps I believe that the >> task >> should be approached systematically and that this could also be an >> opportunity to bed down some ui design principles - which could >> captured in >> the wiki - as a page on its own. The wiki already contains >> information on >> widgets ( >> >> https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), >> but nowhere does it recommend best practices for ui design. A >> suggested >> approach: >> 1. Start with screen widgets - the widget-screen.xsd will need to be >> revisited to align this with the Bootstrap CSS (grid-system amongst >> others); >> 2. Form widgets - revisit widget-form.xsd; >> 3. Menus and navigation - widget-menu.xsd; >> 4. Styling - customisation and theming. >> >> What do you think? >> >> Gavin >> >> >> On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS >> <[hidden email]> >> wrote: >> >>> Hi, >>> >>> I'm working on a basic bootstrap theme for OFBiz. >>> My goal is that OFBiz project uses bootstrap standard classes to >>> work. >>> >>> I encountered some issues that I've fixed. The problem is that I >>> change >>> the framework and if I want to share my work with the community, it >>> could >>> be better to do it in the best way. >>> >>> I know that it's a task in the roadmap, so I hope somebody is >>> already >>> working on or waiting for team mate :) >>> >>> I'm actually focused on : >>> - Portlet-widget structure >>> - KeywordSearchform >>> - Multi-menu management >>> >>> Who can help me on this topic ? >>> >>> Thanks by advanced, >>> >>> Julien. >>> |
|
|
Real excited about this project, I feel that getting an updated standards-based back-end UI would give OFBiz adoption rate a massive boost and reduce internal training costs when deploying to “average users” :-)
—Paul On Oct 13, 2014, at 2:48 AM, Taher Alkhateeb <[hidden email]> wrote: > Hi Nicolas, > > Great! I'm rubbing hands in excitement. What is the next action now? open a JIRA, have a discussion on mailing list? Furthermore, such a project requires a lot of collaboration. Do we have a platform or a solution for easier collaboration on this project? > > Regards, > > Taher Alkhateeb > > ----- Original Message ----- > > From: "Nicolas Malin" <[hidden email]> > To: [hidden email] > Sent: Monday, 13 October, 2014 4:47:05 AM > Subject: Re: Theme bootstrap > > Hi all, > I updated the page > https://cwiki.apache.org/confluence/display/OFBADMIN/New+Features+Roadmap+-+Living+Document, > > Now the best way will be move the discussion on dev and set your battle > line on jira ;) > > Nicolas > > > Le 2014-10-10 15:50, Julien NICOLAS a écrit : >> Hi Gavin, Pierre, Florient and Taher, >> >> It's a good news that you all join the team :) >> >> Other thanks to Adrian for informations ! >> >> Maybe the first step could be to create a setting which allow to >> switch from old management to the new one because it seems to be hard >> to change the framework without breaking old css themes. >> >> Another important point is to define a mock-up for the basic >> navigation and apply it for easiest navigation. This will be helpful >> to work with the other points. >> >> Taher, I think that it's a big task because we can find several types >> of screens (widget, ftl, form, etc.) and many technologies very >> helpful but maybe it's time to unify the main software UI. >> Even if we keep all technologies that make the software flexibility, >> it's important to be coherent in standard UI. >> >> So I suggest this following steps : >> 1 - Create themes switch >> 2 - Submit several mock-up for the basic navigation (ask community >> feeling) >> 3 - Implement basic navigation >> 4 - Mock-up for standard to unify standard UI (ask community feeling) >> 5 - Screen widgets >> 6 - Form Widgets >> 7 - Styling >> >> I think point 2 and 4 could be running during working on the others >> but we have to start to submit mock-ups to the community because >> discussions could take a lot of time ;) >> >> Julien. >> >> >> Le 10/10/2014 11:49, Gavin Mabie a écrit : >>> Hi Julien >>> >>> I'd like to join the team. I've done some work with bootstrap, >>> albeit on >>> ecommerce and front-end sites. For backend apps I believe that the >>> task >>> should be approached systematically and that this could also be an >>> opportunity to bed down some ui design principles - which could >>> captured in >>> the wiki - as a page on its own. The wiki already contains >>> information on >>> widgets ( >>> >>> https://cwiki.apache.org/confluence/display/OFBIZ/Understanding+the+OFBiz+Widget+Toolkit), >>> but nowhere does it recommend best practices for ui design. A >>> suggested >>> approach: >>> 1. Start with screen widgets - the widget-screen.xsd will need to be >>> revisited to align this with the Bootstrap CSS (grid-system amongst >>> others); >>> 2. Form widgets - revisit widget-form.xsd; >>> 3. Menus and navigation - widget-menu.xsd; >>> 4. Styling - customisation and theming. >>> >>> What do you think? >>> >>> Gavin >>> >>> >>> On Fri, Oct 10, 2014 at 9:21 AM, Julien NICOLAS >>> <[hidden email]> >>> wrote: >>> >>>> Hi, >>>> >>>> I'm working on a basic bootstrap theme for OFBiz. >>>> My goal is that OFBiz project uses bootstrap standard classes to >>>> work. >>>> >>>> I encountered some issues that I've fixed. The problem is that I >>>> change >>>> the framework and if I want to share my work with the community, it >>>> could >>>> be better to do it in the best way. >>>> >>>> I know that it's a task in the roadmap, so I hope somebody is >>>> already >>>> working on or waiting for team mate :) >>>> >>>> I'm actually focused on : >>>> - Portlet-widget structure >>>> - KeywordSearchform >>>> - Multi-menu management >>>> >>>> Who can help me on this topic ? >>>> >>>> Thanks by advanced, >>>> >>>> Julien. >>>> > > |
«
Return to OFBiz - User
|
1 view|%1 views
| Free forum by Nabble | Edit this page |