Canvas Support

change the icon color and form problem

15 replies · opened Jun 18, 2021

KkentrachmatJun 18, 2021

Hai,

I have several question to ask:

  1. In the form I sent something and it went to the receiver successfully, but when it refresh to the page it shows me 'nothing selected' (see attachment) moreover it will automatically select the second option ( the first option is disabled and selected).

  2. When i hover around the element it turns to black, can i change the colour into blue ? (see attachment)

  3. (see link) I already configure all the file in include/ i just copy pasted the contact us one because it's similar, but here when I submitted it, it doesn't show me any success/error alert

Can you help me please
Cordially,

Kent

SSemicolon WebSTAFFJun 20, 2021

Hello,

Thanks for your Patience!

  1. We have tried checking out the Live URL but the Page doesn't exist. Please provide us with a Valid Live URL so that we can check this out.

  2. Simply use the following CSS Code and change the HEX Codes according to your needs:

.fbox-effect .fbox-icon i::after {
	box-shadow: 0 0 0 2px #333;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
	background-color: #333;
}
  1. Make sure that you have completely followed the Code Structure of the Forms as mentioned here: http://docs.semicolonweb.com/docs/forms/form-setup/ .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJun 21, 2021

Hi,

Thank you for the help, in fact everything went well now.

Just one more, on the phpmailer form you have this code

	echo '{ "alert": "error", "message": "' . $message['error_bot'] . '" }';
	(is thi mandatory ?) -> exit;

i want to implement this code to my login page, i.e after the echo i want to refresh my page soo that it can redirect to another page, can you help me please

Many Thanks,
Kent

SSemicolon WebSTAFFJun 21, 2021

You can simply add the data-redirect="https://your-website.com/thank-you.html" Attribute to the .form-widget Element to redirect the Page after Form Submission. Example:

<div class="form-widget" data-redirect="https://your-website.com/thank-you.html">

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJun 21, 2021

Hi,

Thank you for the help,

Now i want to submit my form when i use the enter button can you help please

many thanks

Cordially,

Kent

SSemicolon WebSTAFFJun 21, 2021

Unfortunately, this feature is currently not available within the Default Templates. We will surely consider adding this in Our Future Updates and will send you a Notification once this is available. Also we Apologize for the Inconveniences, however, we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . You will need to manually code this or Hire a Freelancer to help you out.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJun 27, 2021

Hi,

I have another question

  1. (file attached) how can i submit the file without creating another submit button, and also how to change the "browse" color ? (when i upload the file there's an upload button automatically but i don't know how to register the name so that i can code it on the back-end)

  2. For the emails, is it possible to send multiple people with different message ? (unique for each person)

Many thanks

Cordially,

Kent

SSemicolon WebSTAFFJun 28, 2021

  1. You will need to Edit this in the Plugin Options at the bottom of the Page in the JS Settings. The Update Button can be enabled/disabled from here: https://plugins.krajee.com/file-input/plugin-options#showUpload . You will need to set the name Attribute on your File Input to setup on the Backend (this comes under Customization and must be done manually). Change the Browser Button Classes from here: https://plugins.krajee.com/file-input/plugin-options#browseClass .

  2. This is currently not support in the Default include/form.php File. You will need to setup a Custom PHP File for processing this according to your needs.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJun 29, 2021

Hi,

Sorry but after reading the documentation for the file submitting problem I still don't get it. How can I register the name for uploading the file without creating another submit input

Here's my current code :

Many thanks

Cordially,

Kent

SSemicolon WebSTAFFJun 29, 2021

Apologies for the Inconveniences caused but we do not fully understand about the issue you are mentioning here.

Can you please make the Submit Input you would like to remove? If you mean that you would simply like to upload the File by clicking on the Upload Button attached to the File Input, then you will need to follow the Official Bootstrap File Input documentation: https://plugins.krajee.com/file-input#ajax-submission as this functionality is currently not included with the Package.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJun 29, 2021

Hi,

I'll make it easier, so in the attachment there's a remove, upload, and browse button.

I want to set the name on the upload button so that it can submit my uploaded file (that's why i added another submit button because i don't know how to set the name for the upload button).

I hope it's clearer than my explanation before.

So after reading the documentation, what i should o is add 'file-data' ?
example :

Cordially,

Kent

SSemicolon WebSTAFFJun 30, 2021

The name cannot be set on the Upload Button which is generated by the Bootstrap File Input Plugin as it is added to the Page using JS. Additionally, the Upload Button is only used to upload the File using AJAX. This is the example code:

<input name="excel_file[]" type="file" class="file" multiple data-show-upload="true" data-upload-url="upload-url.php" data-show-caption="true" data-show-preview="true">

You will need to process the Upload Codes in the upload-url.php File with the name $_FILES[ 'excel_file' ]. The rest of the Processing Codes must be added manually.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJul 12, 2021

Hai,

Sorry for the late respond, i get it now

How can i attach other value inside the file input before sending to the url ?

normally with forms it would be like this

But i don't know how with this one input line

Many thanks

Cordially,
Kent

SSemicolon WebSTAFFJul 12, 2021

Hello,

We understand what you are trying to achieve here, but unfortunately this is currently not supported with this Component at the moment. The Upload button of the File Input currently only handles the Files chosen by you. To attach another input, you will need to add another Form HTML Element along with a Custom Submit Button like the Default Forms.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

KkentrachmatJul 13, 2021

Hai,

I see thank you for the help. I really appreciate it

By the way do you have any template that looks like a prize roulette or a name picker ?

Cordially,

Kent

SSemicolon WebSTAFFJul 13, 2021

Very Happy to Help! :)

Currently, we do not have the Template you have mentioned. We will definitely try adding more Niche Demos of this type in our Future Updates.

Meanwhile, do let us know if we can help you with anything else.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard