1. laloma
  2. Support
  3. Monday, January 11 2016, 12:48 AM
Dear Sirs:

We are using Uber Template, Easy Profile and Joomla 3.4.8, would like to know if Easy Profile edit page can be change to have wider field names (to maintain only one line text) and to enlarge fields)

Would like to achieve this through custom.css is possible and obtain code.

Waiting for your help,

Regards,
admin Accepted Answer
Admin
Hi,
Easy Profile extends Joomla User Profile, so edit profile page is the same of Joomla, this view is controlled by template.

Anyway try to put this CSS code:
#member-profile .control-label.col-sm-3, #member-profile .controls.col-sm-9{width:100%}
  1. more than a month ago
  2. Support
  3. # 1
laloma Accepted Answer
Dear Sir:

Thanks for your help, now its look better on edit profile page, "Titles" show above correspondent field. How to achieve this on registration page too ?

However we would prefer our initial request: How to expand Field Names/Title columns to adjust/expand and accept longer name/titles in one text line and not to break in two or more text lines. Is this possible through custom.css ? May I have the code ?

Thanks in advance,
  1. more than a month ago
  2. Support
  3. # 2
admin Accepted Answer
Admin
Hi,
try with this (remove previous code):
#member-profile .control-label.col-sm-3{width:50%} /* Edit Profile - Field title width */
#member-profile .controls.col-sm-9{width:50%} /* Edit Profile Field input width */
#member-registration .control-label{width:50%;} /* Registration - Field title width */
#member-registration .controls{margin-left:50%;} /* Registration - Field title width */
  1. more than a month ago
  2. Support
  3. # 3
laloma Accepted Answer
Dear Sir:

I'm trying to play with %. Can you help me with a code to made the form (where titles and fields are) wider ?

Some Spanish title need more space like English.

Regards,
  1. more than a month ago
  2. Support
  3. # 4
admin Accepted Answer
Admin
Hi,
sorry we can point you on right direction, but we can't do this for you. Easy Profile extends Joomla use management, so style comes from Joomla and your template and not from Easy Profile.
  1. more than a month ago
  2. Support
  3. # 5
laloma Accepted Answer
Dear Sir:

Understood.

Regards,
  1. more than a month ago
  2. Support
  3. # 6
admin Accepted Answer
Admin
You can try to enlarge edit profile/registration box:
@media screen and (min-width: 768px)
.registration, .profile-edit {width:90%}
  1. more than a month ago
  2. Support
  3. # 7
laloma Accepted Answer
Dear Sirs:

Seem not to work, I indicate 1768px, no changes.

Regards,
  1. more than a month ago
  2. Support
  3. # 8
admin Accepted Answer
Admin
My error, try with this:
@media screen and (min-width: 768px)
{
.registration, .profile-edit {width:90%}
}
  1. more than a month ago
  2. Support
  3. # 9
laloma Accepted Answer
Content Protected
  1. more than a month ago
  2. Support
  3. # 10
admin Accepted Answer
Admin
I tried, no changes.
I have tried to put this code with my console in custom.css file and works, please try again (also clean browser cache)

Please login our site and go to edit profile at user credential tab and have a look at AVATAR fields, delete check box is not in place.
This is ok, you have no space, so upload file box go to new line.
  1. more than a month ago
  2. Support
  3. # 11
laloma Accepted Answer
Dear Sir:

Check the code with three browsers IE, Firefox, Chrome, no change with code to make form registration/edit profile wider.

Attached image file regarding issue with delete avatar

Regards,
  1. more than a month ago
  2. Support
  3. # 12
laloma Accepted Answer
Dear Sir:

Check the code with three browsers IE, Firefox, Chrome, no change with code to make form registration/edit profile wider.

Attached image file regarding issue with delete avatar

Regards,
  1. more than a month ago
  2. Support
  3. # 13
admin Accepted Answer
Admin
Hi,
add this CSS code to solve:
label.checkbox input,label.radio input{width:auto;}


With future release you can remove this code because we will add in our package ;). This solve some incompatibility issue. Thanks for report it.
  1. more than a month ago
  2. Support
  3. # 14
laloma Accepted Answer
Dear Sir:

Please check the code, there should be a mistake, no changes after placed in custom.css

Regards,
  1. more than a month ago
  2. Support
  3. # 15
admin Accepted Answer
Admin
I do not see this code in custom.css (missing also code to enlarge registration/edit profile box)
Attachments (1)
  1. more than a month ago
  2. Support
  3. # 16
admin Accepted Answer
Admin
ok, I have clean browser cache and now I will see all correct.
  1. more than a month ago
  2. Support
  3. # 17
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.