Been there done that. James
On Jan 27, 2012, at 9:35 AM, Jesse Tayler wrote: > an old, disgusting trick is to use a pixel wide clear image and set its > height or width to force it to minimum at least. > > but that's disgusting, so I didn't suggest it, I just mentioned it! HA! > > > > On Jan 27, 2012, at 10:26 AM, Pascal Robert wrote: > >> I still need to calculate that value. My fear is that doing this will be >> expansive since I will have to pre-calculate it. For example, for the A >> column, I will have to check how many items are in the stock and the >> transactions columns to be able to either set the rowspace attribute (for a >> <td>) or the height (by CSS). And I will have to calculate it every time an >> action is taken (when a new transaction is created). >> >>> Couldn't you just use the "rowspan" attribute? >>> >>> James >>> >>> >>> >>> On Jan 27, 2012, at 9:02 AM, Pascal Robert wrote: >>> >>>> I'm trying to find a way to get a design to work, and I guess I'm reaching >>>> my Web design skills to its limits. Anyway, I have to work on a form in a >>>> table form. The problem is that how I can expand the height of a <td> or a >>>> <div> when I'm inside a WORepetition. See this example: >>>> >>>> <Capture d’écran 2012-01-27 à 09.46.34.png> >>>> >>>> My original design was using a <table>, and inside some <td>, I'm using a >>>> <div> for each sub-row (the "A" and "B"). Problem is, alignment is not ok. >>>> For example, for MEC-1044, A might have four transactions, but B will show >>>> up on the same "line" as the second transaction of A. I have tried to move >>>> to full CSS (e.g., replacing the table with divs) and I get the same >>>> problem. >>>> >>>> I guess when building the list of transactions for A, I could count of >>>> number of nodes and adjust by JavaScript the height of the column for A. >>>> For example, if the default height for A is 25px and it have four >>>> transactions, I could change the height of the A column to 100px. But that >>>> means that I have to check all columns to find what will be the maximum >>>> height. For example, if A don't have any transactions yet but another >>>> column is higher, I will have to use the height for that column. >>>> >>>> Is this something doable, especially in a WORepetition? I never saw a >>>> design like that on the Web, so maybe it's just not possible. >>>> >>>> This is what the table look like on the HTML side: >>>> >>>> <table width="90%"> >>>> </tr> >>>> <wo:loop list="$childsSpec" item="$childSpec"> >>>> <tr valign="top"> >>>> <td class="spec_name" width="150"> >>>> <strong><wo:str value="$childSpec.ID" /></strong> >>>> </td> >>>> <td class="spec_revision"> >>>> <wo:loop list="$revisions" item="$revisionItem"> >>>> <div style="height: 25px; width:100%;"> <wo:str >>>> value="$revisionItem.ID" /> </div> >>>> </wo:loop> >>>> </td> >>>> <td class="spec_stock"> >>>> <wo:loop list="$revisions" item="$revisionItem"> >>>> <wo:loop list="$~availablesPartsForSpec(revisionItem)" >>>> item="$partItem"> >>>> <div style="height: 25px; width:100%;"> <wo:str >>>> value="$partItem.availableQuantity" /> </div> >>>> </wo:loop> >>>> </wo:loop> >>>> </td> >>>> <td class="spec_parts"> >>>> <wo:loop list="$revisions" item="$revisionItem"> >>>> <wo:loop list="$~availablesPartsForSpec(revisionItem)" >>>> item="$partItem"> >>>> <div style="height: 25px; width:100%;"> >>>> <wo:AjaxObserveField updateContainerID="main_table" >>>> action="$~addPartsFromLot(partItem)"> <wo:textfield value="$quantityToAdd" >>>> size="4" numberformat="#" style="padding: 0px; margin: 0px;" /> >>>> </wo:AjaxObserveField> >>>> </div> >>>> </wo:loop> >>>> </wo:loop> >>>> </td> >>>> <td class="spec_manifest"> >>>> <wo:loop list="$revisions" item="$revisionItem"> >>>> <wo:loop list="$~transactionsForSpec(revisionItem)" >>>> item="$specTransactionItem"> >>>> <div style="height: 25px; width:100%;"> >>>> <wo:AjaxObserveField updateContainerID="main_table" >>>> action="$~removeQuantityFromTransaction(specTransactionItem)"> >>>> <span style="margin-right: 10px; >>>> width=40px;"><wo:textfield value="$specTransactionItem.quantityToRemove" >>>> numberformat="#" size="4" /></span> >>>> <span style="margin-right: 10px;"><wo:str >>>> value="[email protected]@abs(specTransactionItem.quantity)" /></span> >>>> <wo:str value="$specTransactionItem.dateEnd" >>>> dateformat="%Y/%m/%d %H:%M:%S" /> >>>> </wo:AjaxObserveField> >>>> </div> >>>> </wo:loop> >>>> </wo:loop> >>>> </td> >>>> </wo:if> >>>> <td class="spec_quantity"><wo:str >>>> value="$~missingQuantity(childSpec)" /></td> >>>> <td class="spec_required_qty"><wo:str >>>> value="$~spec.requiredQuantityForChild(childSpec)" /></td> >>>> </tr> >>>> </wo:loop> >>>> </table> >>>> >>>> _______________________________________________ >>>> Do not post admin requests to the list. They will be ignored. >>>> Webobjects-dev mailing list ([email protected]) >>>> Help/Unsubscribe/Update your Subscription: >>>> https://lists.apple.com/mailman/options/webobjects-dev/james%40jimijon.com >>>> >>>> This email sent to [email protected] >>> >>> _______________________________________________ >>> Do not post admin requests to the list. They will be ignored. >>> Webobjects-dev mailing list ([email protected]) >>> Help/Unsubscribe/Update your Subscription: >>> https://lists.apple.com/mailman/options/webobjects-dev/probert%40macti.ca >>> >>> This email sent to [email protected] >> >> >> _______________________________________________ >> Do not post admin requests to the list. They will be ignored. >> Webobjects-dev mailing list ([email protected]) >> Help/Unsubscribe/Update your Subscription: >> https://lists.apple.com/mailman/options/webobjects-dev/jtayler%40oeinc.com >> >> This email sent to [email protected] >
smime.p7s
Description: S/MIME cryptographic signature
_______________________________________________ Do not post admin requests to the list. They will be ignored. Webobjects-dev mailing list ([email protected]) Help/Unsubscribe/Update your Subscription: https://lists.apple.com/mailman/options/webobjects-dev/archive%40mail-archive.com This email sent to [email protected]
