Setting column widths using CSS...

Hi guys,
I am using a simple 2 column table to layout pictures and
text. The problem I'm having is that I'm not sure how to set the
column widths and as such when you flick from page to page the
column widths and don't stay exactly equal to each other as I'd
like them too.
This can clearly be seen through clicking and comparing the
following two pages.
http://www.fyrne.com/mb_food_and_drink.html
http://www.fyrne.com/mb_television.html
Any advice on how I can resolve this would be much
appreciated.
Cheers, J

Hi James,
I see the scrollbars now but now I also see what you mean :(
I think the easy fix is to create a class and apply it to
every single
td that has the text/image/heading to give them a fixed
width! (Maybe
only applying it to the top td's would do the trick... I'm
really no
good with tables)
Hope it made some sense
JamesFryer skrev:
> Hi Kim,
>
> Thanks for posting this link. I think it was Nadia who
previously suggested I
> implement the suggest edcode line to auto add the
vertical scroll bar and avoid
> an overall site shift problem I was having.
>
> However I have now implemented this and am still getting
the shift problem -
> you will notice it is not the overall site (ie the
bordered area) which is
> shifting but the internal table columns. I believe I
have set these column
> widths in DW design view but this often proves
problematic (pushing out the
> width of the main table for no reason although this does
not actually show when
> previewed).
>
> As such I hoped I would be able to control this through
CSS - I don't believe
> it's the same as the shifting problem...
>
> Thanks again, J
>
Kim
http://www.geekministry.com

Similar Messages

Set Column width in query (not using SQL*Plus)

How can I Set Column width in query
I understand you can set column width using
column col1 FORMAT A5
select col1 from table1;But this only works in SQL*Plus
I want to be able to do this in a regular SQL query window (not in SQL*Plus), how can I do it.....
I am using a 'SQL window' in PL/SQL Developer IDE
and when I use this syntax it says:
ORA-00900: Invalid SQL statement
Any suggestions are appreciated...
thanks,
M.

Did you try using RPAD or LPAD functions? They fill the unfilled part of a string with character you provide... either on right or left side depending on what function you use.
e.g.
SELECT RPAD('Smith', 10, ' ') Name FROM dual;http://www.adp-gmbh.ch/ora/sql/rpad.html
Edited by: Zaafran Ahmed on Nov 10, 2010 11:50 AM

Cell column width using spry horizontal menu

Hi
Trying to set the cell column width using DWCS5.5 Spry Horizontal menu.
view-source:http://www.roatan.ws/spry-menu-bob
I used help to get directions and I think I did it correctly but I do not know for sure.
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
          background-color: #356A68;
          float: none;
          background-color:transparent;
          height: auto;
          width: auto;
Trying to clean up my site and get things working an looking right.
Any suggestions appreciated
bob

Spry menus do not contain any table columns or cells.    They are just lists <ul> <li> tags styled with CSS.
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 8em; /**adjust top-menu width**/
    float: left;
    text-decoration: underline;
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 10px;
    z-index: 1020;
    cursor: default;
    width: 8em; /**adjust sub-menu width**/
    position: absolute;
    left: -1000em;
    background-color: #356A68;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Setting column width in a command-line program

Is there a way to send data to the screen in a command-line Java program that will be formatted as a number
of columns with a set column width? I am looking for something similar to the C++ setw() I/O manipulator
used in cout.
Thanks,
Steve

If you go to: http://java.sun.com/docs/books/tutorial/essential/io/writingFiltered.html
it will show you how to subclass a filtered output stream and add your own formatting methods.Then you can chain your new class to System.out
like this:
YourFilteredStream yfs = new YourFilteredStream(System.out); .
Then:
yfs.yourNewMethod(); goes directly to system out in the new format.

How can I set column width in JTable?

How can I set column width in JTable?

Also, read the JTable API before posting questions. You will find a link to the Swing tutorial on "How to Use Tables", which contains an example of doing exactly this.

Defining a component width using CSS

Hi,
I am using CSS to completely define the layout of my applications. I was able to remove all layout coding from the MXML/AS files (which is great!!), except one minor thing - which, unfortunately, is very important -: component size (width and height).
I can define positioning and "some" sizing using constraint layout (left="10", right="10"). But there are some cases where I need to explicitely say: "I want this component 10 pixels far from the right border, and I want it to have 100 pixels of width, no matter what happens with it's container size". In those cases I am forced to put "skinning" code in the middle of my MXML, which sucks.
Isn't there an easy way to set component dimensions using CSS? I find this a major problem with skinning applications using CSS. Or is there another proposed solution?
Thanks,
João Saleiro

I normally post my ER's & bugs in Jira. I just wanted to make sure that there weren't other solutions before filling an ER.
Thank you.
For other people looking for this subject, my ER can be found here: https://bugs.adobe.com/jira/browse/SDK-21805

How to set column widths in tables for selected table only, not globally throughout document?

I've been utilizing the below script (thank you so much Ramkumar. P!) to set column widths throughout a sizable InDesign book with tables on every page and it is truly a time saver. At this point in time, I have three versions of it because there are different column widths throughout the book. Is it possible to augment the script to run only on a selected text frame (containing a table)? If so, would someone be kind enough to share the augmented script with me? I've been trying to figure out this seemingly simple change through trial and error with no success as yet. I realize this is a totally newbie request and I'm entirely at the mercy of the kindness of the Javascript gods that contribute within this forum. Seeing that in a different post related to this script, one such guru responded to a request as simple as "Where do I put the scripts in InDesign" gave me enough courage to ask for some help! Thank you in advance to anyone willing to provide a solution.
var myDoc = app.activeDocument;
     var myWidths = [100, 100, 150, 150];
     for(var T=0; T < myDoc.textFrames.length; T++){
         for(var i=0; i < myDoc.textFrames[T].tables.length; i++){
             for(var j=0; j < myWidths.length; j++){
                 myDoc.textFrames[T].tables[i].columns[j].width = myWidths[j];
     alert("Table width updated successfully...");

Hello all
I have the same problem in that I'm not a scripting person, but was able to get the above script working without problem, and it does set irregular table column widths perfectly, so thanks to Ramkumar. P for that.
BUT, it changes the column width for ALL tables in the document, whereas I would like to just target the selected table.
Any ideas as to how I might amend this script to achieve this?
Thx, Christian

How to set column width in alvgrid

hi
how to set column width in alvgrid.
thanks.

Hi,
Check this,
REPORT ztest.
DATA: BEGIN OF i_scarr_tab OCCURS 0.
        INCLUDE STRUCTURE scarr.
DATA: END OF i_scarr_tab.
DATA: i_scarr LIKE TABLE OF i_scarr_tab WITH HEADER LINE,
      w_scarr LIKE LINE OF i_scarr_tab.
DATA: o_grid      TYPE REF TO cl_gui_alv_grid,
      o_container TYPE REF TO cl_gui_custom_container.
DATA: lt_fcat     TYPE lvc_t_fcat,
      ls_layo     TYPE lvc_s_layo,
      ls_sort     TYPE lvc_s_sort,
      lt_sort     TYPE lvc_t_sort,
      ls_fieldcat TYPE slis_t_fieldcat_alv WITH HEADER LINE.
START-OF-SELECTION.
CALL SCREEN 9000.
*&      Module status_9000 OUTPUT
      text
MODULE status_9000 OUTPUT.
SET PF-STATUS '9000'.
SET TITLEBAR '9000'.
ENDMODULE.                 " status_9000 OUTPUT
*&      Module user_command_9000 INPUT
      text
MODULE user_command_9000 INPUT.
CASE sy-ucomm .
    WHEN 'BACK' OR 'EXIT'.
      SET SCREEN 0.
      LEAVE SCREEN.
ENDCASE.
ENDMODULE.                 " user_command_9000 INPUT
*&      Module init_9000 OUTPUT
      text
MODULE init_9000 OUTPUT.
IF o_container IS INITIAL.
    SELECT * FROM scarr INTO CORRESPONDING FIELDS OF TABLE
       i_scarr UP TO 100 ROWS.
    IF cl_gui_alv_grid=>offline( ) IS INITIAL.
Create a custom container control for ALV Control
      CREATE OBJECT o_container
          EXPORTING
              container_name = 'CONTROL'.
Create a ALV Control
      CREATE OBJECT o_grid
          EXPORTING i_parent = o_container.
      PERFORM build_field_catalgue.
      ls_layo-sel_mode = 'A'.
      CALL METHOD o_grid->set_table_for_first_display
        EXPORTING
          i_save          = 'A'
          i_default       = 'X'
          is_layout       = ls_layo
        CHANGING
          it_outtab       = i_scarr[]
          it_fieldcatalog = lt_fcat
          it_sort         = lt_sort[].
    ENDIF.
ENDIF.
ENDMODULE.                 " init_9000 OUTPUT
*&      Form build_field_catalgue
      text
--> p1        text
<-- p2        text
FORM build_field_catalgue .
DATA: ls_fcat TYPE lvc_s_fcat.
CALL FUNCTION 'REUSE_ALV_FIELDCATALOG_MERGE'
    EXPORTING
      i_program_name         = sy-cprog
      i_internal_tabname     = 'I_SCARR_TAB'
      i_structure_name       = 'SCARR'
     i_client_never_display = 'X'
    CHANGING
      ct_fieldcat            = ls_fieldcat[]
    EXCEPTIONS
      inconsistent_interface = 1
      program_error          = 2
      OTHERS                 = 3.
IF sy-subrc <> 0.
    MESSAGE 'FCAT Error' TYPE 'I'.
    EXIT.
ENDIF.
LOOP AT ls_fieldcat.
    CLEAR ls_fcat.
    ls_fcat-fieldname = ls_fieldcat-fieldname.     "Fieldname
    ls_fcat-ref_table = ls_fieldcat-tabname.       "DDIC ref struct
    ls_fcat-inttype   = ls_fieldcat-inttype.       "Data type
    ls_fcat-outputlen = ls_fieldcat-outputlen.     "Column width
    ls_fcat-coltext   = ls_fieldcat-seltext_m.     "Column Header
    ls_fcat-seltext   = ls_fieldcat-seltext_m.     "Column Desc
    ls_fcat-ref_field = ls_fieldcat-ref_fieldname. "Reference field
    ls_fcat-ref_table = ls_fieldcat-ref_tabname.   "Reference table
    CASE ls_fieldcat-fieldname.
      WHEN 'LUGGWEIGHT' OR 'FORCURAM'.
        ls_fcat-edit      = 'X'.
        ls_fcat-do_sum    = 'X'.
      WHEN 'URL'.
        ls_fcat-no_out = 'X'.
      WHEN OTHERS.
        ls_fcat-edit      = ' '.
        ls_fcat-do_sum    = ' '.
    ENDCASE.
    APPEND ls_fcat TO lt_fcat.
ENDLOOP.
ENDFORM.                    " build_field_catalgue
check the programs bcalv_grid*.
check this link for more detailed example.
http://www.supinfo-projects.com/fr/2005/alv_display_fr/2/
Regards
Sruthi

Question about setting column width in SQL*Plus using info retrieved w SQL

Good morning,
Is there a way to tell SQL*Plus to set the width of a column to the greatest width of the elements found in the column ? (as opposed to the default which is the width declared in the DDL)
In other words, I'd like to do something functionally equivalent to this:
COL <columname> format a[select max(length(<columnname>)) from <thetablethatcontainscolumname>]
I'm doing the above manually in two steps
1. select max(length(columnname)) from .....
2. col columnname format a[resultofstep1]
Is there a way of doing it in one step ?
Thank you for your help,
John.

Hi Munky,
>
you should consider whther you are using the correct tool for the job, SQLplus isn't exactly ideal for doing presentation layer stuff
>
I'm not really doing presentation stuff, I asked because it would be very convenient for everyday stuff. I commonly query the tables that I am going to deal withm just to have a look at the column names and a few values, something like:
select * from EMP where rownum <= 10; -- just to have a look at the table and some values
when the table contains a wide column then the display gets all messed up. It would be nice to have an option or a mechanism to tell SQL*Plus to automatically use the width of the widest value, instead of having to determine the value and then manually set the column.
thank you for your help, it's good to know that I didn't miss some trivial setting in the documentation that would do it ;)
John.

How do I set Column Width in table displayed - have tried everything :-(

Hi,
I'm using Jdev 10.1.2, adf bc and jsp's.
Simple problem, driving me nuts. In my app i display a number of different view objects in a number of jsp's. i want to set the width of the columns so that the info (if large) in each field will stay on one line. i.e. it wont continue onto the next line and take up two rows.
i have tried setting the width property of the <th> & <td>, setting the disply width property in the entity object editor and the view object editor, nothing makes a bit of difference to how the column is displayed.
this results in the tables looking messy and squised, which is totally unsatisfactory.
so if anyone could shed any light on the subject, i would be most grateful.
Thanks in advance......

hi Newbe,
if you set the option noWrap="true" on the column the text will not be wrapped;
<af:column noWrap="true" sortable="false" headerText="col5">
<af:outputText value="#{row.col5}"/>
</af:column>
Good luck
Luc Bors

How do I set column widths in read/write rules?

Hello structure experts,
I am reading a set of DITA files into a specific FM template format, and there is one detail I cannot get to work properly. It should be possible to define column widths in a table, even if the DITA file does not include that information. But the Structure Application Developer Reference does not give the information on which string to pass to the column widths fm property. Does anyone out there have experience in doing this ?
Thanks
Jang

Got it !!!
Turned out to be simple, but the info was more or less hidden in the Dev Ref Guide: I had already put the "fm property column widths is value " line in but did not know the syntax for the values. Turns out you need to delimit the values by spaces, not commas. The parser does not give ANY useful information about this, just mentions 'syntax error near somewhere' or completely ignores the values you specify.
This is how the rule for my DITA properties element now works out:
element "properties" {
is fm table element;
fm property columns value is "3";
fm property column widths value is "5cm 5cm 6cm";
It works. I earn 10 points for answering my own question. :-)
Ciao
Jang

How to set column width in GridPane in FXML?

I would like to set width, for ex, of column 4 in GridPane.
I can do like this:
<columnConstraints>
            <ColumnConstraints prefWidth="100"/>
            <ColumnConstraints prefWidth="200" />
            <ColumnConstraints prefWidth="200" />
            <ColumnConstraints prefWidth="200" />
</columnConstraints>If i have 10 columns should i add 10 column constraints? (i need to set only width of 4th column)
How can i do it easier?

>
Hi, Can someone please help on how to set the columnwidth in csv file using javacode.
I used FileWriter class to upload data into the csv file but csv file is taking default width while showing content. Is there a way to set the fixed column width or set width dinamically based on value?
>
The fields in CSV (Comma-Separated-Value) files are separated by commas; they do not have a fixed width.

AUTO_RESIZE jtable set column width by column header

Do I need to use one of the AUTO_RESIZE methods, the TableColumnModel, or another method in order to set the default width for a column based on the width of the column header.

This is a simple question with an answer. In a JTable, how do you set the width of a column depending on the width of the column header?

Set column width in JTable

I have two columns in a JTable and I am trying to set the column width for the first.
I am trying to this by
getDataTbl().getColumnModel().getColumn(0).setHeaderValue("Index");
getDataTbl().getColumnModel().getColumn(1).setHeaderValue(" Data ");
int width = ((String)getDataTbl().getColumnModel().getColumn(0).getHeaderValue()).length();
getDataTbl().getColumnModel().getColumn(0).setPreferredWidth(width);
but it doesn't reset the width. I want the first column width to be smaller than the second which should be much larger width.
Any suggessions to this?
Thanks.

Hi there
Use this JTable method
table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);This should solve your resize problem
ICE

How to set column width for Label in Form region?

In the form region, the label value is a lengthy text, and it does not wrap. How do I make it wrap to a fixed column width?
Under Home>Application Builder>Application>Page>Edit Page Item,
i have set "HTML Table Cell Attributes" to width="300", but it still does not wrap. and pushes the field to the right end of the page.
I am quite sure there are better ways of doing this.

thanks Simakas for the reply.
I had set the label template to "Optional" and that was forcing a "nowrap". After unsetting the template, I used your suggestion and it works like a charm. Thanks.

Setting column widths using CSS...

Similar Messages

Maybe you are looking for