How to make textarea field wider and higher in the profile edict page

6 years 4 months ago #1 by biaozhang
As shown in the screen, the Profile field is textarea filed, The textarea fileld is only display one row in format,
same as the the regular textinput filed such as Telephone at the top.

We expect to display with multiple rows ( at least 5 rows ) and wider. Any idea how to make the changes?

Attachment joomla_fieldTextArea.png not found

Attachments:
6 years 4 months ago #2 by Function90
Hi,

Default behavior of textarea display only 1 row.
You can change it by adding rows attribute like rows="5"

Override textarea template to make these changes.
Copy the file from
Root/components/com_joomprofile/libraries/fields/textarea/templates/field.textarea.user.edit.php
to
Root/templates/YourTemplate/html/com_joomprofile/field.textarea.user.edit.php
and add rows attribute with desired value.

Thank You

Thank you
Team Function90
You can share your views regarding our extension at JED ( extensions.joomla.org/profile/profile/details/225115#extensions )

Hire Professional Joomla Developers. ( www.function90.com/contact-us.html )
6 years 4 months ago #3 by biaozhang
Still does not work after adding rows="5"

<textarea

name="joomprofile-field[<?php echo $fielddata->id;?>]"
id="joomprofile-field-<?php echo $fielddata->id;?>"

data-content="<?php echo $fielddata->tooltip;?>"
title="" rows="4" cols="150"
data-toggle="popover"
data-trigger="focus"
data-original-title="<?php echo $fielddata->title;?>"
><?php echo $value;?></textarea>

Here is what I did to make it simplified. But I still see the same result of one row. Please advise.
6 years 4 months ago #4 by Function90
Can you try it by adding a class in field configuration in Joom Profile Admin panel and adding some css to it in your template. Like
.text-height-200{
   width : 200px;
}

You are not required to override the template in that case.

Thank you
Team Function90
You can share your views regarding our extension at JED ( extensions.joomla.org/profile/profile/details/225115#extensions )

Hire Professional Joomla Developers. ( www.function90.com/contact-us.html )
Powered by Kunena Forum
Cron Job Starts