OFBiz › OFBiz - Dev

[jira] Created: (OFBIZ-241) CSS Layout and Other Cleanups in the Manager Applications

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

4 messages Options

Nicolas Malin (Jira)

[jira] Created: (OFBIZ-241) CSS Layout and Other Cleanups in the Manager Applications

CSS Layout and Other Cleanups in the Manager Applications
---------------------------------------------------------

Key: OFBIZ-241
URL: http://issues.apache.org/jira/browse/OFBIZ-241
Project: OFBiz (The Open for Business Project)
Issue Type: Improvement
Components: accounting, content, humanres, manufacturing, marketing, order, party, product, workeffort
Affects Versions: SVN trunk
Reporter: Marco Risaliti

The purpose of this task is to improve the current CSS based layout, and separate it from the ecommerce application so they do not interfere with eachother. There are some issues with the layout, and lots of room for improvement including in some cases chaging table-based layouts to CSS based, and making styles and HTML structure cleaner and more flexible. This is not meant to be nearly as aggessive an effort as in ecommerce, and is meant more for general improvements and not to facilitate extremely flexible customization and such as is the case in ecommerce.

I would like to propose the removal of all redundant style info... for example, nearly all <div class="tabletext"> wrappers can be removed, the exception being where they are used like <p>s - the default text style can be set on body; all "inputBox", "selectBox", "smallSubmit" styles can be removed - can style input elements globally; remove embedded style="margin: 0" on forms, style forms globally; change <div class="head1|head2|head3"> to <h1|h2|h3>, etc. (Just the ones off the top of my head, I'm sure there are more.)

I would be happy to help with this, but due to the large number of files affected, it will probably need to be coordinated with any other css work.

I agree with this approach Joe. It is much more flexible and will reduce the HTML size a fair bit, and with proper labelling of different areas it can be very flexible too. This is what I've done with the ofbiz.org home page.

You're right about this requiring a lot of changes in lots of different files. I'm not sure what the best way to manage this is, but to get it started it is probably best to choose 2-3 "proof of concept" pages and get those cleaned up, and then solicit help with others based on those.

Of course, chances are no one except the core group will help anyway, but I always find it entertaining to try...

I would be willing to help as well, if you like. I have converted my ecommerce site already to css (www.heatwithsolar.com). Since my goal is to use OFBiz on my site, I have a strong desire to retain CSS level 1 capability. I have no real need to go to a higher standard of CSS yet until it is supported by more browsers.

As soon as I get an SVN up and running well, I'll likely start working on this anyways. Just let me know. [hidden email]

This is a copy of the old-jira issue OFBIZ-202, can someone close it.

Thanks
Marco

--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: http://issues.apache.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

Nicolas Malin (Jira)

[jira] Updated: (OFBIZ-241) CSS Layout and Other Cleanups in the Manager Applications

[ http://issues.apache.org/jira/browse/OFBIZ-241?page=all ]

Jacopo Cappellato updated OFBIZ-241:
------------------------------------

Description:
Copy of http://jira.undersunconsulting.com/browse/OFBIZ-202 from David Jones

=======================================================

The purpose of this task is to improve the current CSS based layout, and separate it from the ecommerce application so they do not interfere with eachother. There are some issues with the layout, and lots of room for improvement including in some cases chaging table-based layouts to CSS based, and making styles and HTML structure cleaner and more flexible. This is not meant to be nearly as aggessive an effort as in ecommerce, and is meant more for general improvements and not to facilitate extremely flexible customization and such as is the case in ecommerce.

I would like to propose the removal of all redundant style info... for example, nearly all <div class="tabletext"> wrappers can be removed, the exception being where they are used like <p>s - the default text style can be set on body; all "inputBox", "selectBox", "smallSubmit" styles can be removed - can style input elements globally; remove embedded style="margin: 0" on forms, style forms globally; change <div class="head1|head2|head3"> to <h1|h2|h3>, etc. (Just the ones off the top of my head, I'm sure there are more.)

I would be happy to help with this, but due to the large number of files affected, it will probably need to be coordinated with any other css work.

I agree with this approach Joe. It is much more flexible and will reduce the HTML size a fair bit, and with proper labelling of different areas it can be very flexible too. This is what I've done with the ofbiz.org home page.

You're right about this requiring a lot of changes in lots of different files. I'm not sure what the best way to manage this is, but to get it started it is probably best to choose 2-3 "proof of concept" pages and get those cleaned up, and then solicit help with others based on those.

Of course, chances are no one except the core group will help anyway, but I always find it entertaining to try...

I would be willing to help as well, if you like. I have converted my ecommerce site already to css (www.heatwithsolar.com). Since my goal is to use OFBiz on my site, I have a strong desire to retain CSS level 1 capability. I have no real need to go to a higher standard of CSS yet until it is supported by more browsers.

As soon as I get an SVN up and running well, I'll likely start working on this anyways. Just let me know. [hidden email]

was:
The purpose of this task is to improve the current CSS based layout, and separate it from the ecommerce application so they do not interfere with eachother. There are some issues with the layout, and lots of room for improvement including in some cases chaging table-based layouts to CSS based, and making styles and HTML structure cleaner and more flexible. This is not meant to be nearly as aggessive an effort as in ecommerce, and is meant more for general improvements and not to facilitate extremely flexible customization and such as is the case in ecommerce.

I would like to propose the removal of all redundant style info... for example, nearly all <div class="tabletext"> wrappers can be removed, the exception being where they are used like <p>s - the default text style can be set on body; all "inputBox", "selectBox", "smallSubmit" styles can be removed - can style input elements globally; remove embedded style="margin: 0" on forms, style forms globally; change <div class="head1|head2|head3"> to <h1|h2|h3>, etc. (Just the ones off the top of my head, I'm sure there are more.)

I would be happy to help with this, but due to the large number of files affected, it will probably need to be coordinated with any other css work.

I agree with this approach Joe. It is much more flexible and will reduce the HTML size a fair bit, and with proper labelling of different areas it can be very flexible too. This is what I've done with the ofbiz.org home page.

You're right about this requiring a lot of changes in lots of different files. I'm not sure what the best way to manage this is, but to get it started it is probably best to choose 2-3 "proof of concept" pages and get those cleaned up, and then solicit help with others based on those.

Of course, chances are no one except the core group will help anyway, but I always find it entertaining to try...

I would be willing to help as well, if you like. I have converted my ecommerce site already to css (www.heatwithsolar.com). Since my goal is to use OFBiz on my site, I have a strong desire to retain CSS level 1 capability. I have no real need to go to a higher standard of CSS yet until it is supported by more browsers.

As soon as I get an SVN up and running well, I'll likely start working on this anyways. Just let me know. [hidden email]

This is a copy of the old-jira issue OFBIZ-202, can someone close it.

Thanks
Marco

> CSS Layout and Other Cleanups in the Manager Applications
> ---------------------------------------------------------
>
> Key: OFBIZ-241
> URL: http://issues.apache.org/jira/browse/OFBIZ-241
> Project: OFBiz (The Open for Business Project)
> Issue Type: Improvement
> Components: accounting, content, humanres, manufacturing, marketing, order, party, product, workeffort
> Affects Versions: SVN trunk
> Reporter: Marco Risaliti
>
> Copy of http://jira.undersunconsulting.com/browse/OFBIZ-202 from David Jones
> =======================================================
> The purpose of this task is to improve the current CSS based layout, and separate it from the ecommerce application so they do not interfere with eachother. There are some issues with the layout, and lots of room for improvement including in some cases chaging table-based layouts to CSS based, and making styles and HTML structure cleaner and more flexible. This is not meant to be nearly as aggessive an effort as in ecommerce, and is meant more for general improvements and not to facilitate extremely flexible customization and such as is the case in ecommerce.
> I would like to propose the removal of all redundant style info... for example, nearly all <div class="tabletext"> wrappers can be removed, the exception being where they are used like <p>s - the default text style can be set on body; all "inputBox", "selectBox", "smallSubmit" styles can be removed - can style input elements globally; remove embedded style="margin: 0" on forms, style forms globally; change <div class="head1|head2|head3"> to <h1|h2|h3>, etc. (Just the ones off the top of my head, I'm sure there are more.)
> I would be happy to help with this, but due to the large number of files affected, it will probably need to be coordinated with any other css work.
> I agree with this approach Joe. It is much more flexible and will reduce the HTML size a fair bit, and with proper labelling of different areas it can be very flexible too. This is what I've done with the ofbiz.org home page.
> You're right about this requiring a lot of changes in lots of different files. I'm not sure what the best way to manage this is, but to get it started it is probably best to choose 2-3 "proof of concept" pages and get those cleaned up, and then solicit help with others based on those.
> Of course, chances are no one except the core group will help anyway, but I always find it entertaining to try...
> I would be willing to help as well, if you like. I have converted my ecommerce site already to css (www.heatwithsolar.com). Since my goal is to use OFBiz on my site, I have a strong desire to retain CSS level 1 capability. I have no real need to go to a higher standard of CSS yet until it is supported by more browsers.
> As soon as I get an SVN up and running well, I'll likely start working on this anyways. Just let me know. [hidden email]

--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: http://issues.apache.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

Nicolas Malin (Jira)

[jira] Updated: (OFBIZ-241) CSS Layout and Other Cleanups in the Manager Applications

In reply to this post by Nicolas Malin (Jira)

[ https://issues.apache.org/jira/browse/OFBIZ-241?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Joe Eckard updated OFBIZ-241:
-----------------------------

Attachment: style-info.txt

> CSS Layout and Other Cleanups in the Manager Applications
> ---------------------------------------------------------
>
> Key: OFBIZ-241
> URL: https://issues.apache.org/jira/browse/OFBIZ-241
> Project: Apache OFBiz (The Open for Business Project)
> Issue Type: Improvement
> Components: accounting, content, humanres, manufacturing, marketing, order, party, product, workeffort
> Affects Versions: SVN trunk
> Reporter: Marco Risaliti
> Attachments: style-info.txt
>
>
> Copy of http://jira.undersunconsulting.com/browse/OFBIZ-202 from David Jones
> =======================================================
> The purpose of this task is to improve the current CSS based layout, and separate it from the ecommerce application so they do not interfere with eachother. There are some issues with the layout, and lots of room for improvement including in some cases chaging table-based layouts to CSS based, and making styles and HTML structure cleaner and more flexible. This is not meant to be nearly as aggessive an effort as in ecommerce, and is meant more for general improvements and not to facilitate extremely flexible customization and such as is the case in ecommerce.
> I would like to propose the removal of all redundant style info... for example, nearly all <div class="tabletext"> wrappers can be removed, the exception being where they are used like <p>s - the default text style can be set on body; all "inputBox", "selectBox", "smallSubmit" styles can be removed - can style input elements globally; remove embedded style="margin: 0" on forms, style forms globally; change <div class="head1|head2|head3"> to <h1|h2|h3>, etc. (Just the ones off the top of my head, I'm sure there are more.)
> I would be happy to help with this, but due to the large number of files affected, it will probably need to be coordinated with any other css work.
> I agree with this approach Joe. It is much more flexible and will reduce the HTML size a fair bit, and with proper labelling of different areas it can be very flexible too. This is what I've done with the ofbiz.org home page.
> You're right about this requiring a lot of changes in lots of different files. I'm not sure what the best way to manage this is, but to get it started it is probably best to choose 2-3 "proof of concept" pages and get those cleaned up, and then solicit help with others based on those.
> Of course, chances are no one except the core group will help anyway, but I always find it entertaining to try...
> I would be willing to help as well, if you like. I have converted my ecommerce site already to css (www.heatwithsolar.com). Since my goal is to use OFBiz on my site, I have a strong desire to retain CSS level 1 capability. I have no real need to go to a higher standard of CSS yet until it is supported by more browsers.
> As soon as I get an SVN up and running well, I'll likely start working on this anyways. Just let me know. [hidden email]

--
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://issues.apache.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

Nicolas Malin (Jira)

[jira] Commented: (OFBIZ-241) CSS Layout and Other Cleanups in the Manager Applications

In reply to this post by Nicolas Malin (Jira)

[ https://issues.apache.org/jira/browse/OFBIZ-241?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel#action_12462045 ]

Joe Eckard commented on OFBIZ-241:
----------------------------------

I've just attached a file containing an up-to-date list of the IDs and classes used in the ofbiz ftl files. In the past I've used this list to help clean up / reorganize the ofbiz manager application templates - hopefully this will be helpful for someone working on this issue. The series of commands that generates this list is:

find . -name "*.ftl" | xargs perl -ne "if (/ (id|class)=['\"]*([0-9A-Za-z-_]+)['\"]*/) {print ((\$1 eq \"id\") ? '#' : '.');print \"\$2\n\";}" | sort | uniq -c

Unfortunately this will miss the ones defined in widgets and those that have bits of freemarker (for example, class="${class}", class="<#if ..."), but it should catch most of them.