Text area sizing

  • regional
  • 3 months ago

Have an issue with multiline text box width sizing

I see elsewhere that this reference below needs to be edited in the response/question/textarea.php file

<textarea name="free-text-<?php echo $item->id?>" cols="25" rows="3" class="input-xxlarge<?php echo $required;?>"

and edited to

<textarea name="free-text-<?php echo $item->id?>" cols="25" rows="3" class="form-control<?php echo $required;?>"

In searching all layouts at this reference components/com_communitysurveys/layouts that the second reference is in all
response/question/textarea.php files.

Bad enough on a 27" desktop but on a mobile/tablet it does not scale at all and basically defeats the purpose

I fuigured I'd try css changes but this isn't happening as the applicable style already says 100% width, which I figure is overridden by the  cols="25" and this CSS is coming via default from the template framework.

input, textarea {
    font-family: inherit;
    font-size: 1em;
    line-height: 2em;
    padding: 6px 12px;
    background: #c1cdc1;
    color: #143d20;
    border: 1px solid #c1cdc1;
    max-width: 100%;
    margin-bottom: 15px;
    min-height: 42px;
    border-radius: 2px !important;

Any other way of using CSS to format that column width so it becomes responsive?




Access to viewing replies is restricted.
Showing 4 of 4 replies
You do not have permissions for replying to this topic.
Confirm delete? This action is irreversible and the data will be deleted permanently. Do you want to continue? Confirm Add New Delete Unpublish Cancel Import Uninstall The selected item successfully deleted.