Skip to content

How to set the width of the input form to any length

Answer

Use "Style".

Overview

If you want to set the width of the input form to an arbitrary value, set "Style". Below is a sample of setting the form width of ClassA column in a recorded table to 450px.

Operation

  1. Open the target table.
  2. 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 form width of ClassA column" in the title.
  6. Enter the following style in the Style field (for recorded tables, use #Results_〇〇, and for time-limited tables, use #Issues_〇〇).
  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.

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

・ClassA～ClassZ→ClassA～ClassZ
・NumA～NumZ→NumA～NumZ
・DateA～DateZ→DateA～DateZ

Sample Code

1. In the recorded table, set the width of the input form for the ClassA column to 450px

CSS
#Results_ClassA{
    width:450px;
}

2. In the recorded table, set the width of the input form for the NumC column to 500px

CSS
#Results_NumC{
   width:500px;
}

3. In the time-limited table, set the width of the input form for the DateB column to 150px

CSS
#Issues_DateB{
    width:150px;
}