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. Custom "Send" button for each new form created
× 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

Custom "Send" button for each new form created

11 years 3 months ago - 11 years 3 months ago #13706 by xtremedesign
Hi Everyone,

Can someone please tell me how to create a custom "Send" button. I used the "button" option to create a new field in the backend but it does create an additional button. I still see the original "Send" and "Reset" button, plus the new button created with the button text I wish to see. For example I would like to create a custom button that says "Sign Up Now" and would like to change the size and shape.

Any Idea how I can accomplish this?

Here is the url: www.brandechomedia.com/index.p...bile-apps-for-small-businesses

Peter
Attachments:

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

11 years 3 months ago #13707 by douglas
Dear Peter,

When I've created this feature I did not plan the option to create image buttons. The idea was just s the user could add a javascript button OR Add the submit button with a custom text.

For the Original buttons disappear you have to set the Button Parameters make sure to set Button Type to Submit;

Then create a CSS Custom Field type with the following content in order to create your image button:
.ce-button-submit {
  background: url("/path/to/joomla/path/to/image.png") no-repeat scroll 0 50% transparent !important;
  border: 0 none !important;
  cursor: pointer;
  display: inline;
  height: 80px;
  text-indent: -9000px;
  width: 200px;
}

Then change the CSS rule accordingly to your needs.

Best regards,

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

11 years 3 months ago #13708 by xtremedesign
Thank you Douglas. Your suggestion worked great. Thank you.
Is there a way to remove the button value (Name) so I can only use the button text that is embedded within the background image?
custom-form-button2.png
Attachments:

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

11 years 3 months ago #13709 by douglas
Dear Peter,


The text-indent: part of the CSS rule should do this.

Best regards,

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

11 years 3 months ago #13711 by xtremedesign
Thank you again Douglas. I totally forgot to add that line is the css code.

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

  1. Forum
  3. Ideal Joomla Extensions
  5. Component: Contact Enhanced
  7. Custom "Send" button for each new form created
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