Where do I Change Table Row Height with Styles?

I have created a lot of tables in the same document, and now I want to change the height of them. I have used Table Styles and Cell Styles, to be able to change things like this in *one* place instead of the 100 different tables...
I can't find where I alter the Cell Height (aka Row Height) in any of the styles. What have I missed?
Please help!

@Andreas – nothing. You missed nothing. You cannot define cell height or width with cell styles…
However you can do so with scripting. But not directly in scripting a property of the cell style, but in iterating through all table cells, finding out its cell style and acting on the cell directly (height, minimumHeight, maximumHeight and autoGrow properties).
Another scenario would be using a special plug-in like "Smart Styles" from Woodwing.
Uwe

Similar Messages

Adjusting Table Row Height with CSS

I am trying something out for a project I am working on. I have created a table that looks great in design view, but when I see it live or in a browser, items are spaced too far apart. It seems the height for the table is not what design view shows it to be. How do I change the tables attributes to adjust the height so items will be closer together and not so much whitespace? Here is what I have done:
MONDAY      Enjoy our 2 for 1 dinner special on the whole menu (up to $8.95 discount)
TUESDAY      House Margaritas or any kind of beer for only $2.95!
WEDNESDAY      Enjoy 2 dinners for $20.00 from our special menu
        (This special cannot be combined with any other offer)
THURSDAY      Ladie's night! Martinis for only $5.00
FRIDAY      Happy Hour at the bar only 4-7 PM
LIVE MARIACHI BAND FRIDAY-SUNDAY!
I'm sure I'm missing something silly but any help will be appreciated. Here is the actual link in my browser:
http://ymimusic.com/delete.html
Thanks much!

By default some html tags come supplied with margin and padding, which although very generous, is not always what is required.
Zero out the the margin and padding on the <h4> and <p> tag in the 'specials' table by adding the below css selectors to your css:
#specials h4 {
    margin: 0 0 0 0; /*top/right/bottom/left*/
    padding: 0 0 0 0;
#specials p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
Then add back in what space you require - so if you want a 10px space between the heading and the text:
#specials h4 {
    margin: 0 0 0 0; /*top/right/bottom/left*/
    padding: 0 0 10px 0;

CSS issue when changing the table row height to 16px

Hello,
After changing the table row height through css like this:
.table-row-cell, .table-cell {
-fx-cell-size: 16;
the table rows are correctly displayed with a 16px height but the cell bottoms seem to be incorrectly set.
For example the following css style (a red 3px bottom border):
.table-cell {
-fx-border-width: 0 0 3 0;
-fx-border-color: red;
doesn't work anymore with the new row height whereas it works with the 24px standard row height.
While investigating with Scenic View, I noticed that changing the row height changes the TableRow layoutBounds height (from 24px to 16px so that's ok) but not the boundsInParent height which remains to 27px. I think it should become 19px (16 + 1.5 + 1.5). I don't know if it's a bug.
Anyway, any help making the css red border working for a 16px row height would be greatly appreciated.
Regards,
Bruno.

Q: Would this help to just use absolute div tags and give me 'ABSOLUTELY ABSOLUTE' positioning?
No. APDivs are not a good primary layout method. Use default CSS positioning (which is no positioning at all). Align page elements with margins, floats and padding.
See example -- 2-Column CSS Layout with Grids
(View Page Source in your browser to see the code)
http://alt-web.com/TEMPLATES/2-col-fixed-with-grid.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Report Generation Toolkit Table Row Height-MS Word

I am having trouble setting the table row height in the report generation toolkit. I can set the column width fine, but the row height seems to remain the same no matter what I set it to. I have attached the VI that generates and formats the table, and the printout it is resulting in. I have also attached the template file I am using.
Any tips to get this to work right? I am trying to make the cells exactly the same height as the text inside.
Solved!
Go to Solution.
Attachments:
AddMarkersToReport.vi ‏20 KB
badFormatting.pdf ‏179 KB
splitter.docx ‏13 KB

Hi,
So I tried .2 and it didn't work. So I went to Word to manually change it, and it did not work either. There is a selection box in word, for the table properties, that seems to default to the value "at least". When I changed this manually to "exactly" in word, no problem with the .2 manually in Word.
Hopefully this can be set within the template, for all new inserted tables. I'm not sure the report generator VI's expose this property. Well, this is a start for the issue.
Edit ****
You can go into the add table VI and expose the property. See pic. However, you have to decide if you want to "upgrade" this VI permanently to expose this property or make a copy with the property exposed. I haven't messed with the new class reports too much, so not sure of the ins and outs with this.
I think this is the issue with the row size becoming smaller.
Mark Ramsdale

Table row height adjustment

I am attempting to insert a table to create an online
business directory for my city. When I enter the table, it allows
me to set my number of columns and rows, as well as the table
width. However, it automatically sets the row height to 240 pixels.
When I try to change the row height to something more reasonable,
it gives me this error message:
"Making this change would require changing code that is
locked by a template or translator. The change will be discarded."
Which I assume means something I did when creating my
template for my website locked this in, but I have no idea what I
did or how to fix it. Any ideas??
Thanks so much!!

That's ok so far. A paragraph sign at the end of a text forces a new line.
To change that do the following:
For every condition you need another condition just for the paragraph sign that comes immediately after the condition. Not after every paragraph of one condition, but at the end of every consecutive numbers of paragraphs of the same condition.
So in your third example you'll need two conditions more:
1. One for the paragraph sign at the end of condition "meaasurements"
2. One for the paragraph sign at the end of condition "price 2"
Whenever you make the other conditions invisible, you also have to turn off the new conditions that only control the paragraph signs.
See the following screenshots:
Uwe

How/where do I change the AppleID associated with my computer?

How/where do I change the AppleID associated with my computer?

What do you mean by "change the Apple ID"? Are you trying to get a new ID from the one you currently have or just add a new ID to the computer?

Dynamically adjust table row height based on data in column

Hi all,
I'm using JDeveloper 11.1.1.5.0 and have a requirement for a table to adjust the height of its rows depending on the data in the columns. One of the columns in the table is a rich text description field and I have the 'rows' property set to 13. This field could have twenty lines of text/images or just one. The users would like the page to show all twenty lines of text without having to scroll but the table has the same height for all the rows (that I set to 13) and provides a scroll bar when the data exceeds this size. My users do not like to scroll, and want the height of each row to be determined by the data in it. I looked at a few options and also did a search online, but was unable to find anything to fulfill this requirement. Do you know of how I could change the height of each row in the table so that it fits the data that it holds?
I have an example of my table at: <b>Table with Set Row Height</b>
As you see, the picture has to be scrolled so that the whole picture is visible. The user requirement is to adjust the row height to show the full picture. Ideally the next two rows would shrink, but that would be a nice to have.
Thanks in advance for any pointers or help.

Hi Frank,
Thank you for replying to my question, I truly appreciate your help.
I tried to use the autoHeightRows to adjust the height of my rows but was unsuccessful. If I understand the autoHeightRows property correctly, this is used for setting the height of the whole table. If this is incorrect and it can be used for setting the height of individual rows in the table, please correct me. I have the 'Rows' property of the richTextEditor set to 13 and this is the height that I would like to make dynamic based on the data.
My users requirement is for the height to be big enough for the data in each row of the table (the table has a description column and the height of each row should be determined by the data contained in it). I updated my <u><b>Screen Shot</b></u> to show the desired layout and what is currently being generated though ADF (http://www.flickr.com/photos/87583386@N05/) .
I have three rows in the example (in actuality these are around 50) and the text in each row can vary. The users would like to see the full text/image in each row without having to scroll each row. Currently my table is within Panel Box, which is inside a PanelGroupLayout-Scroll which is in a PanelStretchLayout. I tried to put the table by itself with the autoHeightRow modifications you suggested but thsi did not help either. I am using JDeveloper 11.1.1.6.
Is this possible with an ADF Table? If it is, is the autoHeight property the only one that I am setting incorrectly? If not, is there another component I can use to get the desired functionality? My users are very strict about this requirement and will not accept the application without this.
Thanks,

Resize table row height dynamically

Hi All,
I have a requirement to display four item texts in one of the table column. I had created a subform with four texts in that column. I am getting the data as required, but by default the table row size has increased because of four texts in the column. At times, i have only data in two texts, still getting the default size of the row(0.41in height), how can i adust the height based on the data. How can i adust the row of the table dynamically.
Thanks,
Kumar

Hi Kumar,
I did similar to this, where as my table is entirly designed in subforms, so there is no auto setting of the columns of a row.
I had the below code, which finds the maximum height of a coulmn element and sets its height to all of the coulms of a row instance.
I call this function on layout ready event of the row, as below
ItemGenerator.setHeight(this);
function setHeight(rowData){
     if(rowData.presence == "visible"){
//             xfa.host.messageBox("height set start in layout ready");
           var yearH = parseFloat(xfa.layout.h(rowData.FinYear,"in")).toFixed(3);
//           xfa.host.messageBox("1");
           var ipaH = parseFloat(xfa.layout.h(rowData.IPAType,"in")).toFixed(3);
//           xfa.host.messageBox("2");
           var expenseH = parseFloat(xfa.layout.h(rowData.ExpenseType,"in")).toFixed(3);
//           xfa.host.messageBox("3");
           var descH = parseFloat(xfa.layout.h(rowData.Description,"in")).toFixed(3);
//           xfa.host.messageBox("4");
           var payH = parseFloat(xfa.layout.h(rowData.PayType,"in")).toFixed(3);
//           xfa.host.messageBox("5");
           var payconH = parseFloat(xfa.layout.h(rowData.PayConditions,"in")).toFixed(3);
//           xfa.host.messageBox("6");
           var acqconH = parseFloat(xfa.layout.h(rowData.AcqittalCond,"in")).toFixed(3);
//           xfa.host.messageBox("7");
           var maxHeight = Math.max(yearH,ipaH,expenseH,descH,payH,payconH,acqconH)+"in";
           var marginBottom = parseFloat(Math.max(yearH,ipaH,expenseH,descH,payH,payconH,acqconH)- 0.2).toFixed(3)+"in";
//           xfa.host.messageBox("max height = "+maxHeight);
//           xfa.host.messageBox("bot margin = "+marginBottom );
           rowData.h = maxHeight;
           rowData.IPA.h = maxHeight;
           rowData.IPA.margin.bottomInset = marginBottom ;
//           xfa.host.messageBox("8");
           rowData.FinYear.h = maxHeight;
//           xfa.host.messageBox("9");
           rowData.IPAType.h = maxHeight;
//           xfa.host.messageBox("10");
           rowData.ExpenseType.h = maxHeight;
//           xfa.host.messageBox("11");
           rowData.Description.h = maxHeight;
           rowData.ReqAmt.h = maxHeight;
//           xfa.host.messageBox("11");
           rowData.RecAmt.h = maxHeight;
//           xfa.host.messageBox("12");
           rowData.PayType.h = maxHeight;
//           xfa.host.messageBox("13");
           rowData.PayConditions.h = maxHeight;
//           xfa.host.messageBox("14");
           rowData.AcqittalCond.h = maxHeight;
//           xfa.host.messageBox("15");
           rowData.Remove.h = maxHeight;
           rowData.Remove.margin.bottomInset = marginBottom ;
//           xfa.host.messageBox("finally");
Hope something of this sort might helpful to you.
Cheers,
Sai

Table row height larger in firefox

My table rows 1,3 &5 have a height that is 2x bigger FF
than it should be. IE7 is perferct. Also, the font is the same size
in both browsers. Any suggestions are greatly appreciated.
http://www.wholesalebingosupplies.com/bingo-game-kits.html
main div code:

Thank Tim.
I added
p {margin: 2px;}
to my CSS and that fixed the larger top rows to my tables but
that did not change the margin to my very bottom row and my footer
<div> which is too close.
http://www.wholesalebingosupplies.com/family-gatherings.html
Any suggestions?
I am reviewing the site that you requested to fix my
different users text size. Thanks for that insight.
John
quote:
Originally posted by:
Newsgroup User
Hello,
Different browsers use different default margins for certain
tags if you
don't define a margin using CSS.
One of these tags is the <p> tag. Your links are in
them, with no margin
defined.
<p><strong><a
href="kit-mini.html">Mini-Bingo
Kit</a></strong></p>
Add this to your CSS:
p {margin: 2px;}
I'm afraid this isn't the only problem.
Take a look at the page in FF with the browser's text size
setting at 1
level larger than what you have been using.
( ctrl+ + to enlarge )
Here's a screen shot:
http://tnsgraphics.com/tempscreenshot.htm
Here's info on the trouble (see "The Problem with Layers")
http://apptools.com/examples/pagelayout101.php
Take care,
Tim
"Ehd24" <[email protected]> wrote in message
news:[email protected]...
> My table rows 1,3 &5 have a height that is 2x bigger
FF than it should be.
> IE7
> is perferct. Also, the font is the same size in both
browsers. Any
> suggestions
> are greatly appreciated.
>
>
http://www.wholesalebingosupplies.com/bingo-game-kits.html
>
> main div code:
>
>
>
> <div id="main-content" align="left">
> <div class="scrollerArea">
> <h1>Bingo Game Kits </h1>
> <p class="style1">We offer a variety of bingo game
kits for whatever
> your needs and size of your party. ? </p>
> <table width="500" border="1" cellpadding="5"
align="center">
> <tr bgcolor="#F58030">
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-mini.html">Mini-Bingo
Kit</a></strong></p>
> </div></th>
> <th scope="col"><div align="center"><a
> href="kit-gold.html">Gold Bingo
Kit</a></div></th>
> </tr>
> <tr>
> <th scope="col"><div align="center"
> class="style2">
> <div align="center"></div>
> <div align="center"><a
> href="kit-mini.html"><img
src="images/kits/mini-bingo-kit-small-bingo.jpg"
> width="250" height="188" /></a></div>
> </div></th>
> <td><div align="center"><a
> href="kit-gold.html"><img
src="images/kits/gold-bingo-kit-small-bingo.jpg"
> width="250" height="187"
/></a></div></td>
> </tr>
> </table>
> <table width="500" border="1" cellpadding="5"
align="center">
> <tr bgcolor="#F58030">
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-platinum.html">Platinum Bingo
Kit</a></strong></p></div></th>
> <th scope="col"><div align="center">
> <p><strong><a
> href="kit-gold-professional.html">Gold Professional
Bingo
> Kit</a></strong></a></p>
> </div></th>
> </tr>
> <tr>
> <th height="203" scope="col"><div
> align="center"
> class="style2">
> <div align="center"><a
> href="kit-platinum.html"><img
> src="images/kits/platinum-bingo-kit-small-bingo.jpg"
width="250"
> height="188"
> border="0" /></a></div>
> <div align="center"></div>
> </div></th>
> <td><div align="center"><a
> href="kit-gold-professional.html"><img
> src="images/kits/gold-professional.jpg"
> width="250" height="190"
/></a></div></td>
> </tr>
> </table>
> <table width="250" border="1" cellpadding="5"
align="left">
> <tr bgcolor="#F58030">
> <th bgcolor="#F58030" scope="col"> <p
> align="center"><strong><a
>
href="kit-gold-professional.html"></a></strong><strong><a
> href="kit-platinum-professional.html">Platinum
Professional Bingo
> Kit</a></strong></p></th>
> </tr>
> <tr>
> <td><div align="center"><a
> href="kit-platinum-professional.html"><img
> src="images/kits/platinum-professional.jpg" alt=""
width="250"
> height="190"
> /></a></div></td>
> </tr>
> </table>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> <p> </p>
> </div>
> </div>
>
> 
>

Table row height

I'm wondering if nested tables would fix my problem. What I
have is a
3-column table. The left column has 10 rows, each with a
navigation link in
the cell. The 2nd and 3rd columns have only one row. When the
content in
the 2nd or 3rd column is quite long the height increases on
the 10 rows in
the first column. I understand WHY it happens, I'm just not
sure what to do
for the fix. Using a scrollbar in the longer column might be
one way but I
wondered if there are other approaches.
Thanks for any help
Boze

Good luck!
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Boze" <[email protected]> wrote in message
news:[email protected]...
> Thanks. I'll give it a go. Found a tutorial on your
dwfaq site for
> "flexible tables" that I'll start with. I appreciate the
detailed
> explanation, and the solution of course! Thank you!
>
> Boze
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
> I believe the problem you are having can be simplified
if you consider
> this
> example -
>
> Put a 2 row by 2 column table on the page. Merge the two
right hand cells
> into a single column. Put an image into each left cell,
and you will see
> that they merge vertically seamlessly. Now begin to add
content to the
> merged cell on the right and you will see that at some
point you will have
> forced the two left cells to begin to split apart
vertically. The more
> content you add to the right, the further apart the two
left cells will
> get.
> See what I mean?
>
> To solve the problem, instead of making your page sit in
a single table,
> have it in several nested tables. You should be able to
put a two column
> table on the page with a nested table in each column.
Put your navigation
> in the left nested table, and the
> content in the right nested table. Now, changes to
either of the inner
> table's
> structure will not affect either of the inner nested
tables.
>
>
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Boze" <[email protected]> wrote in message
> news:[email protected]...
>> I'm wondering if nested tables would fix my problem.
What I have is a
>> 3-column table. The left column has 10 rows, each
with a navigation link
>> in
>> the cell. The 2nd and 3rd columns have only one row.
When the content
>> in
>> the 2nd or 3rd column is quite long the height
increases on the 10 rows
>> in
>> the first column. I understand WHY it happens, I'm
just not sure what to
>> do
>> for the fix. Using a scrollbar in the longer column
might be one way but
>> I
>> wondered if there are other approaches.
>>
>> Thanks for any help
>> Boze
>>
>>
>
>
>

How to verify that the user has changed table row data before db update

Hi all,
Iam using Oracle ADF with EJBs.
I have a single selection table that displays rows of data returned from a function of my data control.
The columns of my table are editable so that the user can change the data. The user selects a row, changes the data in one or more columns of the row and saves the data by means of a submit button. The code in the submit button, identifies the row of the corresponding iterator that the user clicked on and updates the data in the database (using the 'mergeEntity' function of the EntityManager)
Before saving the data, I want to put some logic to check whether the user has actually changed some data to avoid unnecessary updates in the database . But for this I need a technique to detect that the user has indeed changed some data in the table row.
One technique I have been using so far was to isolate the iterator row of the table and then query the corresponding row in the database table and compare their values.
Except from dummy, this technique is not efficient if the table contains many rows.
Moreover, in my case I have observed that on successive updates on the same row , the query on the database returns the new values (user changed values) and not the actual values contained in the database table. This means that when the user updates an iterator row the cached data affect also the results of the SELECT statement from the actual database table!!! Isn't this strange ?
Can somebody propose me a neat method to detect when the user has changed the the data of an iterator row ?

Hey Alan,
The below solution seems overly complicated to me and can not be implemented without a custom screen and/or the use of JavaScript. Also, if your main concern is that a user may accidentally loose all their data because they closed the browser window or the session times out before they hit the save button then this solution does not help you.
There are a couple of simpler approaches you can take here:
# If the use of JavaScript is permissible you can hook into the windows 'onUnload' event, and pop-up a message box which gives the user the opportunity to cancel closing the window and save their case if they haven't already.
# Implement an autosave feature by hooking into one of events provided by web determinations. A simple (but rather naive) way of doing this would be to hook into the OnRenderScreenEvent and call save on the interview session every time the event fires. This guarantees that all the data the user has submitted will aways automatically be saved, thereby removing the need to make sure the user manually saves their data before closing the browser.
Automatically making Web Determinations close a browser window has to be done using JavaScript. However, doing so means that a) it won't work for people who turn off JavaScript, which is commonly done for accessibility reasons b) you'll likely run afoul of the browser's security mechanism (they generally won't let you close a window that you didn't open and some really don't like you doing that at all).
Thanks,
Kristy

When I change the row heights in a spreadsheet, then save, close, and open it, the row heights are back to default. How can I prevent this?

One of our reports has lots of text in some rows. I import the data, adjust the row width and ask the text to wrap, which automatically sets the row height appropriately. When I save, close, and open that spreadsheet, the width is still the same and Wrap is still selected, but the rows are only one line high, which means that the report is unreadable and a serious pain to make readable.
I can save it as a PDF, but I'd rather be able to use the Numbers format or Excel and be confident that my recipients can read it.

Hi k,
I'm unable to reproduce the described behaviour.
The document containing the table below has a combination of row heights set manually using teh stepper in the Table Inspector (both 0.76" labeled rows), set manually by dragging the row boundary between row reference tabs (labeled 1/13"), and set automatically by Numbers to fit the content of the remaining cells.
Content in the rows with names beginning E, F, G or H wraps automatically to form two rows in the cell. The rest are forced into two lines using a carriage return character.
All maiintained their row heights through two Saves and reopenings.
Regards,
Barry

OracleDataAdapter changes table row state after first Update call

I have a single dataset containining multiple tables, connected by relation with cascade constraints.
When I try to do something like:
OracleDataAdapter da1 = new OracleDataAdapter();
da1.InsertCommand = previouslyInitializedCommand;
OracleDataAdapter da2 = new OracleDataAdapter();
da2.InsertCommand = anotherCommand()
using (TransactionScope ts = new TransactionScope())
using (OracleConnecction conn = new OracleConnection(connString))
conn.Open();
da1.InsertCommand.Connection = conn;
da2.InsertCommand.Connection = conn;
da1.Update(dataset.Table1);
da2.Update(dataset.Table2);
ts.Complete();
The second Update never happens because the first Update call changes Table2 row status to "Unmodified" so no INSERT command is issued.
Anyone knows how this behaviour can be avoided?

Hi,
Maybe take a look here: [http://msdn.microsoft.com/en-US/library/33y2221y%28v=vs.80%29.aspx]
I would focus on this part:
Ordering of Inserts, Updates, and Deletes
In many circumstances, the order in which changes made through the DataSet are sent to the data source is important. For example, if a primary key value for an existing row is updated and a new row has been added with the new primary key value as a foreign key, it is important to process the update before the insert.
You can use the Select method of the DataTable to return a DataRow array that only references rows with a particular RowState. You can then pass the returned DataRow array to the Update method of the DataAdapter to process the modified rows. By specifying a subset of rows to be updated, you can control the order in which inserts, updates, and deletes are processed.
DataTable table = dataSet.Tables["Customers"];
// First process deletes.
adapter.Update(table.Select(null, null, DataViewRowState.Deleted));
// Next process updates.
adapter.Update(table.Select(null, null,
DataViewRowState.ModifiedCurrent));
// Finally, process inserts.
adapter.Update(table.Select(null, null, DataViewRowState.Added));r,
dennis

How can I resize table row height?

I found that there are some method which can set the resize model for table column. Is there any of them to set the row height resize? Because some cell value in my table will across two lines.

method but no auto resizeWell, thats not what your original question asked. I'm not a mind reader.
Your out of luck, you need to calculate the size yourself.

Table Row Heights

Hi
I am using Indesign CS3 SDK on Windows.
I am trying to use GetRowHeights() of TableGeometry to get height of multiple rows. I am getting Minimum Row Height * Number of rows, and not the actual height.
Can anybody tell me how to get the exact height of these rows?
Rajani

In BO XIR3.1 the row height does not appear to be based on individual rows. Instead the row height is the same for each row in the table. Is there some setting that I need to adjust here?

Where do I Change Table Row Height with Styles?

Similar Messages

Maybe you are looking for