webERP Forum

Full Version: Bringing WebERP into a New Tableless UI Design
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7
Hi Phil,

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

[attachment=97]

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): [attachment=98]

Rgds,
Hindra
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.

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.
(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:

[attachment=99]

File is here: [attachment=100]

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
I have a formatting issue with the new Gel theme Hindra ... HELP!
See attached...

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
(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: [attachment=102]

File: [attachment=104]

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: [attachment=105]

Best regards,
Hindra
The New Professional RTL Theme is ready!!!

[Image: attachment.php?aid=106]

File: [attachment=107]

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

Thanks!
Hindra
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

(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:

[attachment=110]

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

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

Rgds,
Hindra
Pages: 1 2 3 4 5 6 7