[OFBiz] Users - re: More on CSS

[Kelvin Tan]

David + Simon, if there's an agreement of a coding standard for CSS (maybe a model .ftl template), then its not a problem for me to convert the parts of ofBiz I play with. 

I can suggest one already:

Instead of 

<div class="row">
  <div class="col"><a href="/content/control/main" class="headerButtonLeft">Main</a></div>
  <div class="col"><a href="/content/control/LayoutMenu" class="headerButtonLeft">Template</a></div>
<snip>
    <div class="col-right"><a href="/content/control/logout" class="headerButtonRight">Logout</a></div>
  <div class="col-fill">&nbsp;</div>
</div>

or

<div class="tabContainer">
<a href="/content/control/FindContent" class="tabButton">Find</a>
<a href="/content/control/EditContent" class="tabButton">Content</a>
<a href="/content/control/EditContentMetaData" class="tabButton">MetaData</a>
<snip>
</div>

perhaps a <ul> and <li> based approach, like in Wordpress:

<ul id="adminmenu">
	<li><a href="post.php">Write</a></li>
	<li><a href="edit.php">Edit</a></li>
	<li><a href="categories.php">Categories</a></li>
<snip>
</ul>

Tables should not go completely, but used only for displaying tabular data, not for all layout. 

I'm undecided if laying out form fields with tables is ok (as opposed to CSS).. if only to left-align the field labels and right-align the text-boxes, I don't see a problem. But not for advanced layout..(yes, Create Product form, that means you)

CSS is already used for tabs, and that's great.

It seems that the main template layout (that organizes the top-bar, left-bar, etc) is still using tables, and that should be converted to CSS if possible.

If we can agree on something, I will add a page to the Wiki to track progress. What do you think?

kelvin

On Tue, 30 Nov 2004 13:25:46 -0700, David E. Jones wrote:
>
> Some progress on this has been done, but not a lot. There are some
> examples in the Catalog Manager in the product component of CSS
> based layout which I did when doing the initial proof-of-concept
> stuff with the Screen Widget. The Screen Widget encourages and
> simplifies the practice of doing CSS based layouts, so we will
> certainly be moving in the direction in the future, as we can of
> course.... If you (or anyone) would like to help with or fund this,
> let me know and I'll do what I can to coordinate...
>
> -David
>
>
> On Nov 30, 2004, at 7:48 AM, Kelvin Tan wrote:
>
>> Hi, searching through the archive for the Users list, I found two
>> threads, namely More on CSS and Changing the front end for
>> ecommerce both started by Simon Wheatley about replacing table
>> layout with CSS. I'm wondering if any of this has trickled
>> through, because it seems both the ecommerce app and the admin
>> consoles are still using table-based layout.
>>
>> I'm asking because I'm wondering if there is a CSS 'standard' or
>> template for ofBiz apps I can use.
>>
>> My experience with PS has told me that at least 1/3 of changes
>> when customizing products for clients are UI changes and a large
>> percentage can be done with CSS, instead of changing layout in
>> Freemarker/velocity templates and that the project time savings
>> are significant.
>>
>> thanks,
>> k
>>
>>
>> _______________________________________________
>> Users mailing list
>> Users at lists.ofbiz.org
>> http://lists.ofbiz.org/mailman/listinfo/users