Thread Rating:
  • 4 Vote(s) - 4.5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Bringing WebERP into a New Tableless UI Design
07-27-2012, 05:45 PM, (This post was last modified: 07-27-2012, 05:47 PM by hindraj.)
#21
RE: Bringing WebERP into a New Tableless UI Design
Hi Phil,

Here is the newly 'adapted' theme "New SilverWolf":

   

I've done several changes:

- The link on the quick menu and main menu will behave like real "buttons", that is when you click anywhere in the button area, it will activate the link!
- Any unused styles (all I can find) on the CSS file has been removed to clean up things Smile
- I've add many comments to clarify what's doing what on the CSS
- Many CSS class (styles) which is not clear where it is being used, is now had it explanation on where it is used in the *.php or *.inc .
- This New SilverWolf theme would be a 'model' or as an example to those who want to make a new theme for WebERP.

The file is now very tiny (all unnecessary files removed):
.zip   New SilverWolf.zip (Size: 11.62 KB / Downloads: 12)

Rgds,
Hindra
Reply
07-27-2012, 06:55 PM,
#22
RE: Bringing WebERP into a New Tableless UI Design
Well the images look very light as the icons for all the system and page headers etc all come from the css theme directory.

It would be great to clean out so we only have the images we need as I suspect that there are way too many currently.... but check out for example:

allocation.png

CustomerInquiry.php: '<td><a href="%s/CustomerAllocations.php?AllocTrans=%s">' . _('Allocation') . '<img src="' .$rootpath .'/css/' . $theme .'/images/allocation.png" title="' . _('Click to allocate funds') . '" alt="" /></a></td>

# grep company.png *
index.php: $Header='<img src="' . $rootpath . '/css/' . $theme . '/images/company.png" title="' . _('General Setup Options') . '" alt="' . _('General Setup Options') . '" /><b>' . _('General Setup Options') . '</b>';

would need to go through all images like this to figure out what is required and what is just padding out the archive.

Phil Daintree
webERP Admin
Logic Works Ltd
http://www.logicworks.co.nz
Reply
07-27-2012, 07:29 PM,
#23
RE: Bringing WebERP into a New Tableless UI Design
I've committed the new silverwolf - looking good :-)
I've also tried to figure out which images are needed and deleted all the rubbish. Had to reinstate a couple when I realised I was over-zealous!!

Thanks for sticking with it and applying your changes to the other themes ... sometimes I've found I end up picking up the bits in situations like this so refreshing to have someone committed to seeing the job through.
Hope it is not too much of an ordeal reworking them. Hopefully it will be more logical for folks coming after now.
Phil Daintree
webERP Admin
Logic Works Ltd
http://www.logicworks.co.nz
Reply
07-27-2012, 09:51 PM, (This post was last modified: 07-28-2012, 01:05 AM by hindraj.)
#24
RE: Bringing WebERP into a New Tableless UI Design
(07-27-2012, 06:55 PM)phil Wrote: Well the images look very light as the icons for all the system and page headers etc all come from the css theme directory.

It would be great to clean out so we only have the images we need as I suspect that there are way too many currently.... but check out for example:

allocation.png

CustomerInquiry.php: '<td><a href="%s/CustomerAllocations.php?AllocTrans=%s">' . _('Allocation') . '<img src="' .$rootpath .'/css/' . $theme .'/images/allocation.png" title="' . _('Click to allocate funds') . '" alt="" /></a></td>

# grep company.png *
index.php: $Header='<img src="' . $rootpath . '/css/' . $theme . '/images/company.png" title="' . _('General Setup Options') . '" alt="' . _('General Setup Options') . '" /><b>' . _('General Setup Options') . '</b>';

would need to go through all images like this to figure out what is required and what is just padding out the archive.

Oops! Big Grin I must have been missed it. I've search trough the *.php *.inc for anything .png


I guess somebody must have start documenting what files for what, and if it's required, or just for a theme's specific. on a readme.txt perhaps?

Rgds,
Hindra

(07-27-2012, 07:29 PM)phil Wrote: I've committed the new silverwolf - looking good :-)
I've also tried to figure out which images are needed and deleted all the rubbish. Had to reinstate a couple when I realised I was over-zealous!!

Haha... Big Grin

(07-27-2012, 07:29 PM)phil Wrote: Thanks for sticking with it and applying your changes to the other themes ... sometimes I've found I end up picking up the bits in situations like this so refreshing to have someone committed to seeing the job through.
Hope it is not too much of an ordeal reworking them. Hopefully it will be more logical for folks coming after now.

No problem! It's been quite a long time I feel challenged to improve the UI. I think I finally had a determination and courage to just do it Big Grin

Hope this could make some positive impact for the WebERP community.

Rgds,
Hindra


Hi again,

This is the New Gel theme... screenshot:

   

File is here:
.zip   New Gel.zip (Size: 34.66 KB / Downloads: 4)

NOTE: Gel and Jelly are really a very similar themes, so I think it should really considered as the same theme. That's why I will adapt them as one theme only, the New Gel theme!

Best regards,
Hindra Joshua
Reply
07-28-2012, 10:41 AM,
#25
RE: Bringing WebERP into a New Tableless UI Design
I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...



Attached Files Thumbnail(s)
   
Phil Daintree
webERP Admin
Logic Works Ltd
http://www.logicworks.co.nz
Reply
07-28-2012, 12:07 PM,
#26
RE: Bringing WebERP into a New Tableless UI Design
Hi, Hindra,

Thank you very much! You've made webERP a big leap. I've heard so many people are not satisfied with webERP's outlook.

Although outlook is not so important, it's a key element sometime. So many people even don't waste time to try to study it due to the plain outlook.

Thank you Hindra for your hardworking and your courage. Looking forward to more exciting UIs from you.

Best regards!

Exson
Reply
07-28-2012, 12:44 PM, (This post was last modified: 07-28-2012, 01:37 PM by hindraj.)
#27
RE: Bringing WebERP into a New Tableless UI Design
(07-28-2012, 10:41 AM)phil Wrote: I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...

Hi!

I'll fix it soon! Big Grin
I think I'll have to use a different technique!

Cheers!
(07-28-2012, 12:07 PM)Exsonqu_Qu Wrote: Hi, Hindra,

Thank you very much! You've made webERP a big leap. I've heard so many people are not satisfied with webERP's outlook.

Although outlook is not so important, it's a key element sometime. So many people even don't waste time to try to study it due to the plain outlook.

Thank you Hindra for your hardworking and your courage. Looking forward to more exciting UIs from you.

Best regards!

Exson

Thanks Exson!

It's someone like you who give me extra energy to work and concentrate on the work!!! really!!! Big Grin Big Grin

Rgds!
Hindra

Here is another theme converted:

New "Professional" theme.

I change it a bit to looks more clean and consistent... I like this theme, it does looks professional! Big Grin

Screenshot:    

File:
.zip   New Professional.zip (Size: 69.3 KB / Downloads: 9)

Enjoy!

Hindra


(07-28-2012, 10:41 AM)phil Wrote: I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...

Hi Phil,

Please try this newly fixed theme:


"New Gel" theme fixed!


Theme now should be ok even for 800x600 screen!

File:
.zip   New Gel (fixed).zip (Size: 34.66 KB / Downloads: 6)

Best regards,
Hindra
Reply
07-28-2012, 05:32 PM, (This post was last modified: 07-28-2012, 05:34 PM by hindraj.)
#28
RE: Bringing WebERP into a New Tableless UI Design
The New Professional RTL Theme is ready!!!

[Image: attachment.php?aid=106]

File:
.zip   New Professional RTL.zip (Size: 69.58 KB / Downloads: 7)

Please someone who use RTL confirm if this theme really work like it should?

Thanks!
Hindra


Attached Files Thumbnail(s)
   
Reply
07-28-2012, 06:03 PM,
#29
RE: Bringing WebERP into a New Tableless UI Design
Still trouble!!
see attached....


(07-28-2012, 12:44 PM)hindraj Wrote:
(07-28-2012, 10:41 AM)phil Wrote: I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...

Hi!

I'll fix it soon! Big Grin
I think I'll have to use a different technique!

Cheers!
(07-28-2012, 12:07 PM)Exsonqu_Qu Wrote: Hi, Hindra,

Thank you very much! You've made webERP a big leap. I've heard so many people are not satisfied with webERP's outlook.

Although outlook is not so important, it's a key element sometime. So many people even don't waste time to try to study it due to the plain outlook.

Thank you Hindra for your hardworking and your courage. Looking forward to more exciting UIs from you.

Best regards!

Exson

Thanks Exson!

It's someone like you who give me extra energy to work and concentrate on the work!!! really!!! Big Grin Big Grin

Rgds!
Hindra

Here is another theme converted:

New "Professional" theme.

I change it a bit to looks more clean and consistent... I like this theme, it does looks professional! Big Grin

Screenshot:

File:

Enjoy!

Hindra


(07-28-2012, 10:41 AM)phil Wrote: I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...

Hi Phil,

Please try this newly fixed theme:


"New Gel" theme fixed!


Theme now should be ok even for 800x600 screen!

File:

Best regards,
Hindra



Attached Files Thumbnail(s)
   
Phil Daintree
webERP Admin
Logic Works Ltd
http://www.logicworks.co.nz
Reply
07-28-2012, 10:12 PM, (This post was last modified: 07-28-2012, 10:19 PM by hindraj.)
#30
RE: Bringing WebERP into a New Tableless UI Design
(07-28-2012, 06:03 PM)phil Wrote: Still trouble!!
see attached....


Hello Phil,

I'm wondering if your browser still using the old cached CSS.
Could you pls try reload / refresh the page?

Here I'm tried using the SeaMonkey browser as you do and the page displayed correctly here:

   

even when the page width get cramped like in the screenshot.

Is the other themes (New Professional) has problem like that too?

Rgds,
Hindra
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)