• From: Mexico, Tlalpan
  • Registered: 10/15/2012
  • Posts: 20

Topic: Bootstrap Theme (idea)

Hi, i've seen some posts about new themes wanted and also some posts about a mobile friendly theme.

I can invest some time trying to do a theme based on bootstrap, a responsive theme, what do you think?

But first i wanted to ask if anyone has already done something similar so we don't start from scratch or if any one else is interested working as a team.

Let me know smile Happy Coding!

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

Re: Bootstrap Theme (idea)

I've been looking into what it would take to get bootstrap3 working in a theme.  It would be more than just a theme as defined currently.  We would need to abstract some of the ui rendering into the theme.  i.e. many of the files under includes/ui which currently include a lot of inline styling on the tables for example.

The current render class could be extended for this purpose.

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

cambell's Website

  • From: Indonesia, Japan
  • Registered: 01/08/2014
  • Posts: 190

Re: Bootstrap Theme (idea)

I have done it before with this theme : http://startbootstrap.com/template-overviews/sb-admin/

It's not that hard but because I stuck with ordering column button in db_page plus the spinner gif which displayed when do some ajax query, I give up and delete the folder. What I've done is pretty simple, I just use jquery to remove the default class and inline style then add bootstrap class.

  • Farhaj
  • Senior Member
  • Offline
  • From: Pakistan
  • Registered: 04/25/2012
  • Posts: 89

Re: Bootstrap Theme (idea)

Yes Possible but I need one month time. because many of the files under includes/ui.

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

Re: Bootstrap Theme (idea)

I've made modifications and a theme available for a Bootstrap 3 responsive theme.  See the announcement here.

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

cambell's Website

  • Registered: 06/02/2016
  • Posts: 1

Re: Bootstrap Theme (idea)

@cambell thanks for the bootstrap integration. It helps a lot.

7 Reply by fernando_bender (edited by fernando_bender 11/14/2017 04:42:29 pm)

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

Re: Bootstrap Theme (idea)

@cambell
Thank you very much for your effort.
I have checked your theme for as i am particularly interested in responsiveness fitting mobiles.
Thus, i have so far tried every possible theme i do find.

The main point i look at is font size adjustment in regard of the screen.
Kindly correct me if i'm wrong, they usually are a consequence of specifications as col-sm and col-md along with a width of 100%.

In this sense, are there ways to make it in your current version?

finally, i congratulate you for not breaking up with the intuitive layout of default theme.

by the way, amongst the strong points of FA are its simplicity and lightweight, which comes also from its clear and intuitive layout.
a regular new user of a commercial ERP needs 10h of training to submit a purchase order.
this very same user can do it on FA alone in 1 hour.
the layout is great.

best regards to you and our fellows.
fernando a. bender

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 Theme (idea)

@fernando_bender The font-size is simply the body font-size of 11px.  So body { font-size: 14px; } in default.css would make it bigger for example.

col-sm and col-md set media break points for different devices. e.g. sm is for phones and md is for tablets.  This controls how the controls and labels are layed out e.g. label side by side with control for desktop vs label on top of control for phone.

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

cambell's Website