Skip to content

I want to set the label width of a column to a specific value

Answer

Use "Style".


Overview

Use "Style" when you want to set the label width of a column to an arbitrary value. The following is a sample of setting the label width of Category A column in a recorded table to 50px.

Operation

  1. Open the target table.
  2. From the navigation menu, click "Manage" - "Manage Table".
  3. Open the Style tab.
  4. Click the New button to display the dialog.
  5. Enter an arbitrary title such as "Change label width of Category A column" in the title.
  6. Enter the following style in the Style field (for the description below [for=~], use Results_〇〇 for recorded tables and Issues_〇〇 for time-limited tables).
  7. Uncheck "All" in the output destination and check the screen to which you want to apply the above style.
  8. Click the Change button in the dialog.
  9. Click the Update button at the bottom of the screen.
  10. Open the target table and confirm that the above style is applied.

Code Samples

CSS
label[for="Results_ClassA"]{
   display:block;
   width:50px;
}

*The above is an example of a label for ClassA column, but the method for specifying each column is shown below.

  • ClassA~ClassZ→ClassA~ClassZ
  • NumA~NumZ→NumA~NumZ
  • DateA~DateZ→DateA~DateZ

(Example 1) A style that sets the label width of the numeric C column to 70px in a recorded table

CSS
label[for="Results_NumC"]{
   display:block;
   width:70px;
}

(Example 2) A style that sets the label width of the DateB column to 65px in a time-limited table

CSS
label[for="Issues_DateB"]{
   display:block;
   width:65px;
}