Support Forum

Every time that you post a problem, PLEASE add the Joomla and the extension's versions and revisions (for example: Joomla 3.3.6, Contact Enhanced 3.3.5), PHP version and Server's Operating System. If you only manage only one site it is easier if you edit your profile and just add that information to your signature. Don't forget to add a detailed description of the problem. If possible, write down all steps to simulate the problem.

Before submitting a new post, PLEASE make sure you are running the latest version, test in different browsers (IE, FF, Chrome,..) and clear Joomla and browser's cache after every change you make.

Also, most questions are already answered in our FAQ and in iFAQ and Contact Enhanced documentation pages.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. how to style custom field input box?
× Contact Enhanced is a contact component manager created to replace Joomla! core contacts component and add lots of advantages and new features (see Features ) and it offers many plugins and modules for several different purposes,
Product page | Documentation Page

how to style custom field input box?

13 years 9 months ago - 13 years 9 months ago #3542 by blue_Shift
i can't find the custom field class in validate.css, and I need to restyle a custom field, which is currently too narrow.

Wait... i think I see something in a help file after some additional searching
(fellow ce-er's, search 'Advanced Styling'

Please Log in or Create an account to join the conversation.

13 years 9 months ago #3543 by douglas
Dear blue_shift,

Just for the record, you can create the rules below depending on which field type you want to change:
.ce-cf-container input{}
.ce-cf-container textarea{}
.ce-cf-container select{}

There are some additional information here:
ideal.fok.com.br/joomla-extens...e-the-style-look-and-feel.html

You can also create your own css rules. FireBug < getfirebug.com > might help you .

Sincere regards,

Please Log in or Create an account to join the conversation.

13 years 9 months ago - 13 years 9 months ago #3603 by blue_Shift
I want to have three or four rows of fields, which will have uneven columns....and identical field names. Can I style by adding an absolute or other css position? And can I identify the field by field ID #, since field names will be the same? See below for desired effect.

First name..............Grade....Date of birth
First name..............Grade....Date of birth
First name..............Grade....Date of birth
First name..............Grade....Date of birth


btw: I am having to manually clear server caches for my changes to take effect.

Please Log in or Create an account to join the conversation.

13 years 9 months ago #3604 by douglas
Dear blue_shift,

1- To add multiple columns please watch this screencast:
ideal.fok.com.br/joomla-extens...-fields/78-basic-features.html

2- Where do you want to identify the fields by ID#? In the email?
- In the HTML email template you can retrieve any submitted field by adding the syntax {post:FIELD_NAME} where FIELD_NAME is the the name attribute in the HTML field. You will have to get that from the HTML code source. In order to accomplish that I recommend you to use FireBug < getfirebug.com >

For most custom fields the syntax will be {post:cf_ID} where ID is the ID# found in the custom field manager;

Best regards,

Please Log in or Create an account to join the conversation.

13 years 9 months ago #3605 by blue_Shift
that video doesn't explain how to get three columns of *unequal* widths... ie, 50% - 15% - 35%.

Please Log in or Create an account to join the conversation.

13 years 9 months ago #3606 by douglas
Dear Blue_shift,

I've added a new 15% option, so you can do 50% - 15% - 33%. The total will be 98%, however that's good because the columns in CE never sum 100% in order to avoid compatibility issues with Internet Explorer.

I'm working on some other changes for Contact Enhanced. Can you wait a couple more hours so I can create only one new update package?

Best wishes,

Please Log in or Create an account to join the conversation.

13 years 9 months ago #3607 by blue_Shift
Very good of you.

I'm more than happy to wait for a couple more hours!

Please Log in or Create an account to join the conversation.

13 years 8 months ago #3608 by douglas
Dear blue_shift,

I still haven't finished the other changes, therefore I cannot create a new build and it is almost Sabbath.
I'll give you instructions on how to change it.

1- Open the CSS file [Joomla]/components/com_contact_enhanced/assets/css/validate.css
2- Add the line below anywhere:
.ce-fltwidth-15{width:15%}
3- upload the file attached to [Joomla]/administrator/components/com_contact_enhanced/custom_fields/custom_fields.xml

That's it.

Have a great weekend.

This attachment is hidden for guests.
Please log in or register to see it.

This message has an attachment file.
Please log in or register to see it.

Please Log in or Create an account to join the conversation.

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. how to style custom field input box?
Powered by Kunena Forum

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback