justb3a

Simple Contact Form

238 posts in this topic

a need 2 different forms, how can i exclude a field in one form ?

i want to render a second form without the field "message", while i need this field in the first form.

Share this post


Link to post
Share on other sites

@Kemal I guess you have to hook into the form rendering and add AMP specific markup/tags.

Share this post


Link to post
Share on other sites

Hello, I was wondering if it's possible to redirect to a specific URL after successfull submit, or if there's a workaround to get this done.

Regards!

 

Share this post


Link to post
Share on other sites

@Victor So far, there was no way to redirect to a specific URL. But I've considered to implement this feature from time to time. So: there is a new version including an option to specify a redirect page :)

2 people like this

Share this post


Link to post
Share on other sites

Hello again,

I've got a new problem. I'm trying to save the message sent as a page so I have "saveMessages" enabled. But when I go to the page I've only got 3 fields on it: Title, creation date and IP address fields. So I guessed that I shoul manually add the others fields in my form to this "simple_contact_form_messages" template, but even after this I'm not able to get the fields from my form populated on the page as a saved mesasge. Am I doing something wrong? Am I missing something?

I will appreciate any help! Thanks.

 

Hello, I just wanted to let you know that it's working now. Not sure what happened. Thanks anyway. Regards.

Edited by Victor
It's working now

Share this post


Link to post
Share on other sites

@Victor 

On 22/03/2017 at 3:18 AM, Victor said:

Hello, I just wanted to let you know that it's working now. Not sure what happened. Thanks anyway. Regards.

^-^

Share this post


Link to post
Share on other sites

Hello,

is it possible to "echo" the values of the fields that just were submited on succes ?

Thanks.

Share this post


Link to post
Share on other sites
17 minutes ago, ank said:

Hello,

is it possible to "echo" the values of the fields that just were submited on succes ?

Thanks.

Hello @ank 

I think with $input->post('field_name') where you want the fields to show up.

I hope it helps. 

Share this post


Link to post
Share on other sites

I'm seriously struggling with a form

is it possible to redirect to a page after send, and still use the submitted fields.

what i want by example on the redirect page is:
IF answers on question1 = "yes" then echo "You answer was YES";
and this for several fields

Regards

Share this post


Link to post
Share on other sites

@ank

you may try echo $input->post['field_optionselect']->title . Or you can do a var_dump($input->post['field_optionselect']) in your template. That will tell you in which format the data is there and how you can access subfields like 'title'.

For using field data  on the redirect page, youcould take the values of the fields and attach them as URL query strings to the redirect URL.

Dummy code

// in the template with your form process the fields from your form
$valueField1 = $sanitizer->text($input->post['field1']);
// send them to the redirect page as url querie strings
$session->redirect("yourredirecturl" . "?field1=$valueField1");
// in the template of your redirect page, you can now get the value
$valueField1 = $input->get['field1'];
// and then do with it what you want

 

1 person likes this

Share this post


Link to post
Share on other sites

Hey guys Im new to ProcessWire and I read that ProcessWire community is very active and very helpful! So I'll say thanks in advance! 

Now to the question part. :D 

I am little bit confused of how to properly use this "easy contact form". So I installed the module and no problem with that, added fields and settings through PW admin and use $modules->get('SimpleContactForm')->render() to show the contact form on the page and no problem there as well. The form appears! 

  1. The problem starts with the posts in this thread here... I read that people talk about a "easy_contact_form.php" template file that should be generated in site/template directory. Should it be generated manually or is it generated automatically? I didn't get that part because it is not generated in my case!
  2. Now how do I modify this form? (I mean css and html part...) I read about changing the markup and style properties in options but how does it exactly work? Is there a php file generated after you add the options that you can open later and modify the code? (I hope it doesn't sound stupid because Im not used to working with CMS's)
  3. Plus if I would like to add my own spam filer (for example recaptcha), then where do I do the changes in code? For exapmle the new invisible recaptcha is added to the submit button, so where can I get to the code where the submit button is generated? Or what is the proper way to do it?

I got this project from a client where I have a big system built on ProcessWire and it has been very tough for me to make sense about everything that has been done by previous developer (no documentation left at all). I have been reading and searching alot to help me get started from somewhere but I tell you guys that so far PW does not seem very beginner friendly. There are not alot of step by step tutorials and if I search for examples on some problems then all I find is code snipets without any explanation where to use this code... Here as well all of the post give some code and talk about fixing code parts, but where exactly is the code used seems to be a common knowledge to everyone. It would be great if there would be at least one exaple page with all the files and code necessary for a beginner to scroll through and make some logical sense about how stuff works. But all in all its great to see that there is this community here that work to improve this open source CMS platform. :)

Anyway hopefully nobody gets mad at what I wrote! Not ment to offend anyone! ;)

So yeah I would appreciate if someone can point me in the right direction, at least what to read or where to find good tutorials etc. 

Cheers!

Share this post


Link to post
Share on other sites

@Slav

  1. No template file needed. This is obsolete.
  2. Please read the following part of the documentation: How to overwrite classes and markup
  3. You need to hook into the module and add your filter there. Have a look at the following documentation part: Add custom validation

Hope this will be helpful, otherwise please let me know how to improve the documentation parts. Sorry, I have no time at the moment to answer more detailed ???.

Share this post


Link to post
Share on other sites

@justb3a

Thank you for the quick reply! I will read the doc you provided. Ill try the hook part next. It looks that Im getting the hang of modifying the Markups and Classes. Takes time and trial/error to make it perfect, but form is taking the shape I was looking for.

About how to improve the doc... hmmm... Maybe add some extra descriptions about how Markup and Classes array creates content (or at least add a link to the documentation where it is already explained) that would definitely help complete beginners like me. :) You get the hang of it while testing but if you are novice like me then maybe some reading material would be useful. For example describe each part of the array, like the meaning or implementaion of {attrs} and {out}. I now understand how they work and a lot of people would say that its basic knowledge but sometimes it saves alot of time if the documentation is as detailed as possible... IMO at least :) It could save your time as well because I see alot of repeated questions in this post. So if there is enough information in Module documentation then you dont have to "waste" your time on repeated answers. ;)

Im going to be working with this Module for few days so If I see parts that are confusing I will try to think of a way to make it less confusing. :P

Anyway great job with this Module! You made alot of peoples life easier!

Cheers!

Share this post


Link to post
Share on other sites

Hi again!

Is there any way to translate submitButton Text?

I mean like, according to what language is selected... In FormBuilder there is a place where you can assign submitButton text to different languages that are used on website...

Cheers

Share this post


Link to post
Share on other sites

@justb3a

I did read the readme file... and I understood how to change the buttonText, but what I did not know was the ProcessWire way of translating (as I said before I'm completely new to PW). Now I know! Thanks! ;)

Share this post


Link to post
Share on other sites

Simple Contact Form and Template Cache?

Hey all,

thanks again for this wonderful module. How can i manage my forms with template cache turned on? You will get an internal server error.
Respectively what has to be written in the post variables?

best regards

Share this post


Link to post
Share on other sites

@maxf5 Please have a look at this post. Furthermore turning caching on could be complicated because the value of the hidden date field gets cached and this value is used for spam protection...

2 people like this

Share this post


Link to post
Share on other sites

@justb3a Hi, could you or anyone please help me out? I have two issues to solve:

#1 I have a Select Options Filedtype in the form called scf_enquirytype. By using %scf_enquirytype% in the Email Message settings, I get the ID of the filed not the Title. Is there any way to get the Title instead?

#2 After successfully posting the form, the page is reloaded but my form – consequently the success message too – is at the bottom of the page, and the reloaded page starts at the top, so the message cannot be seen without scrolling manually to it. Is there any way to solve this? Eg. by jumping to an anchor placed before the success message? Maybe with the AJAX option I could solve it, but I do not really need the AJAX option this time.

Thanks in advance,

Share this post


Link to post
Share on other sites

Hi

#1 Do not use the email message textarea in module settings, write your own using php and access the title as you 're used to.

0)

$emailMessage = file_get_contens('https://url/to/message.php'); // or include partial etc.
$modules->get('SimpleContactForm')->render($array('emailMessage' => $emailMessage));

 

#2 Just pass an action parameter as option: 

$modules->get('SimpleContactForm')->render($array('action' => './#anchor'));

 

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By psy
      ProcessWire DropboxAPI on GitHub: https://github.com/clipmagic/DropboxAPI
       
      This module is a wrapper for Kunal Varma's Dropbox PHP SDK https://github.com/kunalvarma05/dropbox-php-sdk
      It was created to perform a specific function for a client, ie upload PDF files on a PW website to a specific Dropbox account folder.
      The PDF files, created using @Wanze's excellent PagesToPdf module using the WirePDF functions, are generated from Formbuilder forms completed by front-end site visitors.  Works a treat!
      There's more that could be done to allow ProcessWire to take advantage of all the features of the SDK, eg downloads, multiple Dropbox accounts, etc. You are welcome to request changes and/or fork the GitHub project to extend the feature set.
      Enjoy!
      System requirements
      PHP 5.6.4 or greater Composer The PHP mbstring extension General information
      This module enables you to access a single Dropbox (www.dropbox.com) account to upload files from a ProcessWire website.
      All kudos to (https://github.com/kunalvarma05/dropbox-php-sdk) for the PHP API.
      First steps
      Visit (https://www.dropbox.com/developers) and read the documentation. Log into Dropbox and create a new application. It's recommended to limit ProcessWire App access to a specified folder Make a note of the App key, the App secret and the name of the Dropbox folder Installation
      Download the zip file into your site/modules folder then expand the zip file. Next, login to ProcessWire > go to Modules > click "Refresh". You should see a note that a new module was found. Install the DropboxAPI module. Configure the module with your App key, App secret and your Call Back URL You need to generate a Dropbox access token to enable your site to communicate with the nominated Dropbox account. Dropbox will generate a token for you or you can create a page for the front end of your ProcessWire site with a template to submit the token request to Dropbox, eg:
      <?php namespace ProcessWire; $drop = $modules->get('DropboxAPI'); if ($input->get->code && $input->get->state) { $code = $sanitizer->text($input->get->code); $state = $sanitizer->text($input->get->state); //Fetch the AccessToken $accessToken = $drop->getAccessToken($code, $state); echo "Copy/paste this code into the module configuration: " . $accessToken; } else { echo "<p><a href='" . $drop->getAuthURL() . "'>Log in with Dropbox</a></p>"; } ?> Once you have entered the token in the module configuration, you can unpublish this page.
      Usage
      Read the dropbox-php-sdk documentation!
      An example template for sending a file to a Dropbox App folder from ProcessWire:
      <?php namespace ProcessWire; use Kunnu\Dropbox\Dropbox; use Kunnu\Dropbox\DropboxApp; use Kunnu\Dropbox\DropboxFile; // send pdf to Dropbox $drop = $modules->get('DropboxAPI'); $app = new DropboxApp($drop->app_key, $drop->app_secret, $drop->authorization_code); if ($app) { //Configure Dropbox service $dropbox = new Dropbox($app); $dropboxFile = new DropboxFile('/path/to/myfilename.pdf'); $file = $dropbox->upload($dropboxFile, "/myfilename.pdf", ['autorename' => true]); //Uploaded File meta data if ($file) { $success = $file->getName() . " uploaded to Dropbox"; $drop->log($success); } }  
       
    • By sirhc
      Hi all,
      Im trying to install this core module and got the error of not having the ImageMagick library installed.
      But if im checking for the version of my ImageMagick installed on my server via SSH im getting this response;
      identify -version
      Version: ImageMagick 6.9.4-9 Q16 i386 2016-06-21 http://www.imagemagick.org
      Copyright: Copyright (C) 1999-2016 ImageMagick Studio LLC
      License: http://www.imagemagick.org/script/license.php
      Features: Cipher DPC 
      Delegates (built-in): bzlib freetype gslib jng jpeg png ps tiff xml zlib
      Does this even mean the library is installed? And if yes, why cant i install my module?
      Pleaassee help me
      Greetz.
    • By kixe
      FieldtypeColor is on github

      Fieldtype stores a 32bit integer value reflecting a RGBA value.
      Input
      5 types of Inputfields provided
      Html5 Inputfield of type='color' (if supported by browser)    Inputfield type='text' expecting a 24bit hexcode string (RGB). Input format: '#4496dd'.
      The background color of the input field shows selected color Inputfield of type='text' expecting 32bit hexcode strings (RGB + alpha channel) Input format: '#fa4496dd' Inputfield with Spectrum Color Picker
      (Options modifiable) Inputfield type='text' with custom JavaScript and/or CSS (since version 1.0.3) Output
      Define output format under 'Details' tab in field settings. Select from the following 8 options
      string 6-digit hex color. Example: '#4496dd' string 8-digit hex color (limited browser support).  Example: '#fa4496dd' string CSS color value RGB. Example: 'rgb(68, 100, 221)' string CSS color value RGB. Example: 'rgba(68, 100, 221, 0.98)' string CSS color value RGB. Example: 'hsl(227, 69.2%, 56.7%)' string CSS color value RGB. Example: 'hsla(227, 69.2%, 56.7%, 0.98)' string 32bit raw hex value. Example: 'fa4496dd' int 32bit. Example: '4198799069' (unformatted storage value) The Fieldtype includes
      Spectrum Color Picker by Brian Grinstead

      SCREENSHOTS
      Input type=text with changing background and font color (for better contrast)

      Input type=color (in Firefox)


      Javascript based input (Spectrum Color Picker)


      Settings Output

       
      Settings Input

    • By zlitrox
      Hi!
      I'm relatively new to the world of Processwire, but so far I'm really impressed by this CMS and its ease, power and speed.
      I've been looking at the different field types and also existing CKEditor modules (pwimage and pwlink).
      Here's what i want to achieve:
      I would like to use or create a own module which allows my admin users to upload pdf files inline in a CKEditor field (page content) the same way images are handled. It should be possible to upload a pdf file and specify its name and from the file uploaded and name i want to show an icon or image inline in editor and the output for that upload should be customized based on the module. Lets make it simple and say that i upload datasheet-1.pdf and want it to be named "My product datasheet", i want the output to be:
      <a href="{ link to uploaded pdf file }">My product datasheet</a>  
      Also the uploaded pdf files should be related to the page the user is editing.
       
      Is this doable? 
       
      Any guidance would be greatly appreciated! Thanks in advance.
      PS. I'm a PHP programmer so i know it would require some custom code, but the real question is where do i start, what should it take and is it even possible to do?
    • By flydev
      Auth2Login for ProcessWire
      A Module which give you ability to login an existing user using your favorite thrid-party OAuth2 provider (i.e. Facebook, GitHub, Google, LinkedIn, etc.)..
      You can login from the backend to the backend directly or render a form on the frontend and redirect the user to a choosen page.
      Built on top of ThePhpLeague OAuth2-Client lib.
      Registration is not handled by this module but planned.
       
      Howto Install
      Install the module following this procedure:
       - http://modules.processwire.com/modules/oauth2-login/
       - https://github.com/flydev-fr/OAuth2Login
      Next step, in order to use a provider, you need to use Composer to install each provider
      ie: to install Google, open a terminal, go to your root directory of pw and type the following command-line: composer require league/oauth2-google
      Tested providers/packages :
          Google :  league/oauth2-google     Facebook: league/oauth2-facebook     Github: league/oauth2-github     LinkedIn: league/oauth2-linkedin
      More third-party providers are available there. You should be able to add a provider by simply adding it to the JSON config file.

      Howto Use It
      First (and for testing purpose), you should create a new user in ProcessWire that reflect your real OAuth2 account information. The important informations are, Last Name, First Name and Email. The module will compare existing users by firstname, lastname and email; If the user match the informations, then he is logged in.
      ie, if my Google fullname is John Wick, then in ProcessWire, I create a new user  Wick-John  with email  johnwick@mydomain.com
      Next step, go to your favorite provider and create an app in order to get the ClientId and ClientSecret keys. Ask on the forum if you have difficulties getting there.
      Once you got the keys for a provider, just paste it into the module settings and save it. One or more button should appear bellow the standard login form.
      The final step is to make your JSON configuration file.
      In this sample, the JSON config include all tested providers, you can of course edit it to suit your needs :
      { "providers": { "google": { "className": "Google", "packageName": "league/oauth2-google", "helpUrl": "https://console.developers.google.com/apis/credentials" }, "facebook": { "className": "Facebook", "packageName": "league/oauth2-facebook", "helpUrl": "https://developers.facebook.com/apps/", "options": { "graphApiVersion": "v2.10", "scope": "email" } }, "github": { "className": "Github", "packageName": "league/oauth2-github", "helpUrl": "https://github.com/settings/developers", "options": { "scope": "user:email" } }, "linkedin": { "className": "LinkedIn", "packageName": "league/oauth2-linkedin", "helpUrl": "https://www.linkedin.com/secure/developer" } } }  
      Backend Usage
      In ready.php, call the module :
      if($page->template == 'admin') { $oauth2mod = $modules->get('Oauth2Login'); if($oauth2mod) $oauth2mod->hookBackend(); }  
      Frontend Usage
      Small note: At this moment the render method is pretty simple. It output a InputfieldForm with InputfieldSubmit(s) into wrapped in a ul:li tag. Feedbacks and ideas welcome!
      For the following example, I created a page login and a template login which contain the following code :
      <?php namespace ProcessWire; if(!$user->isLoggedin()) { $options = array( 'buttonClass' => 'my_button_class', 'buttonValue' => 'Login with {provider}', // {{provider}} keyword 'prependMarkup' => '<div class="wrapper">', 'appendMarkup' => '</div>' ); $redirectUri = str_lreplace('//', '/', $config->urls->httpRoot . $page->url); $content = $modules->get('Oauth2Login')->config( array( 'redirect_uri' => $redirectUri, 'success_uri' => $page->url ) )->render($options); }

       
      Screenshot