• From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Topic: Bootstrap 3 responsive theme / HTML5 modifications

Hi,

I've made some modifications to the core to support delegating the view render to themes.  This makes it possible to produce a Bootstrap 3 responsive theme.

The pull request for the modifications are on github.

The sample Bootstrap 3 is available this github repo.

You are welcome to view the demo site.

This is as complete as I'm planning on making it at this stage.  I'm moving on using AngularJS in a Front Accounting module.

Cambell https://github.com/cambell-prince

cambell's Website

  • Registered: 12/08/2014
  • Posts: 4

Re: Bootstrap 3 responsive theme / HTML5 modifications

hi cambell, amazing theme! this should be part of default FA installation, the web demo looks like it could be used in a touch screen device, i will test this on a tablet.

btw, would it be possible to enlarge the text in front? example text in Sales front
 
  Sales Quotation Entry
  Sales Order Entry
  Direct Delivery
  Direct Invoice


and i find the Inventory Item Status too big.

  • From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Re: Bootstrap 3 responsive theme / HTML5 modifications

I've fixed the Inventory Item Status combo box.  You can see that in the demo.

The menu text for each category can easily be enlarged.  However, I'm leaving it at a consistent size to keep with the goal of a minimal change bootstrap theme.  Other themes can make more artistic changes based on this minimal theme.

Cambell https://github.com/cambell-prince

cambell's Website

  • From: Netherlands
  • Registered: 08/12/2015
  • Posts: 4

Re: Bootstrap 3 responsive theme / HTML5 modifications

Hi Cambell, It looks really nice. Good job.

  • From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Re: Bootstrap 3 responsive theme / HTML5 modifications

I've updated the theme to FrontAccounting v2.3.24.  All-in-one downloads are available on github.

Cambell https://github.com/cambell-prince

cambell's Website

6 Reply by boxygen (edited by boxygen 05/27/2016 09:07:57 pm)

  • From: Pakistan, Karachi
  • Registered: 03/03/2015
  • Posts: 650

Re: Bootstrap 3 responsive theme / HTML5 modifications

I tried to view the Demo in my mobile but It is not opening as Responsive. What shall I do?

I am using Samsung S3

www.boxygen.pk

boxygen's Website

  • From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Re: Bootstrap 3 responsive theme / HTML5 modifications

This theme is not complete.  I was working on getting the rendering delegated so that bootstrap could be used in each of the frontaccounting core screens. e.g. http://demo.saygoweb.com/frontaccounting/sales/sales_order_entry.php?NewInvoice=0 is responsive and should work well on all devices.  However, the login screen and menu system are not yet responsive.

This demo is not a normal frontaccounting theme, it includes the changes to the core that have been proposed to delegate rendering allowing a bootstrap theme to be properly implemented.

If the code changes go into core I'm sure we'll see a lot of bootstrap (and possibly Material) themes being produced.

Cambell https://github.com/cambell-prince

cambell's Website

  • From: Pakistan, Karachi
  • Registered: 03/03/2015
  • Posts: 650

Re: Bootstrap 3 responsive theme / HTML5 modifications

Is that core changes being implemented in 2.4 RC1?

www.boxygen.pk

boxygen's Website

  • From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Re: Bootstrap 3 responsive theme / HTML5 modifications

No, the Github pull request has not been merged.  There seems to be little interest in this and other proposed changes.

Cambell https://github.com/cambell-prince

cambell's Website

  • From: India, TN, Karur
  • Registered: 05/16/2014
  • Posts: 1,181

Re: Bootstrap 3 responsive theme / HTML5 modifications

@Cambell,  your theme an core customization is looking great.  Definitely many users will use this theme and things.

Subscription service based on FA
HRM CRM POS batch Themes

kvvaradha's Website

  • From: Caxias do Sul, RS, Brazil
  • Registered: 03/26/2014
  • Posts: 20

Re: Bootstrap 3 responsive theme / HTML5 modifications

congratulations. we are looking forward to more new versions of this great effort.

https://myERPlink.com - FrontAccounting online + Customizations in Flat Fees

fernando_bender's Website

  • From: New Zealand, Wellington
  • Registered: 06/19/2014
  • Posts: 128

Re: Bootstrap 3 responsive theme / HTML5 modifications

Thanks. Given the extent of the changes made to the core its a little time consuming to keep this in sync with mainline FA development.

Cambell https://github.com/cambell-prince

cambell's Website