BuddyDev

Search

Ajax registration – form has gone whacky

  • Participant
    Level: Enlightened
    Posts: 32
    Diana on #14190

    I have a login and registration button on all pages of my site. The registration form looks fine when I click the “register” button. If I click the login button, then the register link on the login form, field labels are displayed multiple times.

    wp.interiorhorsecouncil.com/wp-login.php?redirect_to=https%3A%2F%2Fwp.interiorhorsecouncil.com%2F

    The css has also gone weird access the form through that link.

    Accessing the form via the “register” button works, but there’s a spinning circle that never ends upon form submission. I have to refresh the page to get it to stop.

    Then it displays the old ugly regular buddypress registration form.

    I just purchased updates & support, but unfortunately updating the plugin has not improved things.

    Thank you.

  • Participant
    Level: Master
    Posts: 213
    smart life on #14192

    It seem something wrong with your code, you should share the support how did you coded. With me everything is work fine. Except:

    1) (x) close register button no longer work
    2) Remove multiple feild group 8,9,12,15,18

    My topic here:
    https://buddydev.com/support/forums/topic/correct-add-class-to-buddypress-register-popup/

  • Participant
    Level: Enlightened
    Posts: 32
    Diana on #14197

    Here you go: ajax-register-form.php, located in the child theme directory.

    
    <!--title-->
    
    <div class="bpajax-register-window">
    	<div class="bpajax-register-title">
    		<span class="topmodaltext2"><?php _e( 'Register for full site access', 'bp-ajax-registration' ) ?></span>
    	</div>
    	<!--form wrap-->
    	<div class='register_form_wrap'>
    		<form action="" name="signup_form" id="register_form" class="" method="post" enctype="multipart/form-data">
    
    			<?php do_action( 'template_notices' ) ?>
    			<?php if ( 'request-details' == bp_get_current_signup_step() ) : ?>
    				<?php do_action( 'bp_before_account_details_fields' ) ?>
    
                    <p style="font-size: 18px; color: black;">You must be an IHC member in good standing for full site access.&nbsp;&nbsp;Not yet an IHC member?&nbsp;  Download a membership form <a href="https://wp.interiorhorsecouncil.com/wp-content/uploads/2017-Membership-Form-full.pdf" target="_blank" rel="noopener noreferrer">here</a>.&nbsp;  <br><br>All fields are required except alternate phone.</p>
    
    				<div class="register-section">
    
    					<?php /***** Basic Account Details ******/ ?>
    
    					<label	for="signup_username">
    					    <?php _e( 'Username', 'bp-ajax-registration' ) ?>
                            <?php _e( '*', 'bp-ajax-registration' ) ?>
                        </label>
    					<?php do_action( 'bp_signup_username_errors' ) ?>
    					<input type="text" name="signup_username" id="signup_username" placeholder="Username"value="<?php bp_signup_username_value() ?>"/>
    
    					<label	for="signup_email"><?php _e( 'Email Address', 'bp-ajax-registration' ) ?><?php _e( '*', 'bp-ajax-registration' ) ?></label>
    					<?php do_action( 'bp_signup_email_errors' ) ?>
    					<input type="text" name="signup_email" id="signup_email" placeholder="Your email address"value="<?php bp_signup_email_value() ?>"/>
    
    					<label for="signup_password"><?php _e( 'Choose a Password', 'bp-ajax-registration' ) ?><?php _e( '*', 'bp-ajax-registration' ) ?></label>
    					<?php do_action( 'bp_signup_password_errors' ) ?>
    					<input type="password" name="signup_password" id="signup_password" placeholder="********" value=""/>
    
    					<label for="signup_password_confirm"><?php _e( 'Confirm Password', 'bp-ajax-registration' ) ?><?php _e( '*', 'bp-ajax-registration' ) ?></label>
    					<?php do_action( 'bp_signup_password_confirm_errors' ) ?>
    					<input type="password" name="signup_password_confirm" id="signup_password_confirm" placeholder="********" value=""/>
    
                    <!-- #basic-details-section -->
    
    				<?php do_action( 'bp_after_account_details_fields' ) ?>
    				<?php /***** Extra Profile Details ******/ ?>
    
    				<?php if ( bp_is_active( 'xprofile' ) ) : ?>
    
    					<?php do_action( 'bp_before_signup_profile_fields' ) ?>
    
    					<?php /* Use the profile field loop to render input fields for the 'base' profile field group */ ?>
    						<?php if ( bp_is_active( 'xprofile' ) ) :
    							if ( bp_has_profile( apply_filters( 'bpajaxr_xprofile_args', 'profile_group_id=1&hide_empty_fields=0&hide_empty_groups=0' ) ) ) :
    								while ( bp_profile_groups() ) : bp_the_profile_group();
    									?>
    
    									<?php while ( bp_profile_fields() ) : bp_the_profile_field(); ?>
    
    										<div class="editfield">
    
    											<?php
    											$field_type = bp_xprofile_create_field_type( bp_get_the_profile_field_type() );
    											$field_type->edit_field_html();
    											?>
    
    											<?php do_action( 'bp_custom_profile_edit_fields' ) ?>
    											<?php do_action( 'bp_custom_profile_edit_fields_pre_visibility' ) ?>
    
    											<p class="description"><?php bp_the_profile_field_description() ?></p>
    
    										</div>
    
    									<?php endwhile; ?>
    									<?php $fields_ids[] = bp_get_the_profile_group_field_ids();//COLLECT FIELD IDS?>
    
    								<?php endwhile; endif; endif; ?>
    						<input type="hidden" name="signup_profile_field_ids" id="signup_profile_field_ids" value="<?php echo implode( ",", $fields_ids ); ?>"/>
    
    					</div><!-- #profile-details-section ends here -->
    
    					<?php do_action( 'bp_after_signup_profile_fields' ) ?>
    
    				<?php endif; ?>
    
    				<?php if ( bp_get_blog_signup_allowed() ) : ?>
    					<?php do_action( 'bp_before_blog_details_fields' ) ?>
    					<?php /***** Blog Creation Details ******/ ?>
    
    					<div class="register-section" id="blog-details-section">
    						<h4><?php _e( 'Do you need a blog?', 'bp-ajax-registration' ) ?></h4>
    						<p>
    							<input type="checkbox" name="signup_with_blog" class="signup_with_blog" id="signup_with_blog" value="1"<?php if ( (int) bp_get_signup_with_blog_value() ) : ?> checked="checked"<?php endif; ?> /> <?php _e( 'Yes, I\'d like to create a new site', 'bp-ajax-registration' ) ?>
    						</p>
    
    						<div id="blog-details"
    						     <?php if ( (int) bp_get_signup_with_blog_value() ) : ?>class="show"<?php endif; ?>>
    
    							<label for="signup_blog_url"><?php _e( 'Blog URL', 'bp-ajax-registration' ) ?><?php _e( '*', 'bp-ajax-registration' ) ?></label>
    							<?php do_action( 'bp_signup_blog_url_errors' ) ?>
    
    							<?php if ( is_subdomain_install() ) : ?>
    								http:// <input type="text" name="signup_blog_url" id="signup_blog_url" value="<?php bp_signup_blog_url_value() ?>"/> .<?php echo preg_replace( '|^https?://(?:www\.)|', '', network_site_url() ) ?>
    							<?php else : ?>
    								<?php echo network_site_url() ?>/ <input type="text" name="signup_blog_url" id="signup_blog_url" value="<?php bp_signup_blog_url_value() ?>"/>
    							<?php endif; ?>
    
    							<label for="signup_blog_title"><?php _e( 'Site Title', 'bp-ajax-registration' ) ?><?php _e( '*', 'bp-ajax-registration' ) ?></label>
    							<?php do_action( 'bp_signup_blog_title_errors' ) ?>
    							<input type="text" name="signup_blog_title" id="signup_blog_title" value="<?php bp_signup_blog_title_value() ?>"/>
    
    							<span class="label"><?php _e( 'I would like my site to appear in search engines, and in public listings around this network.', 'bp-ajax-registration' ) ?>
    								:</span>
    							<?php do_action( 'bp_signup_blog_privacy_errors' ) ?>
    
    							<label><input type="radio" name="signup_blog_privacy" id="signup_blog_privacy_public" value="public"<?php if ( 'public' == bp_get_signup_blog_privacy_value() || ! bp_get_signup_blog_privacy_value() ) : ?> checked="checked"<?php endif; ?> /> <?php _e( 'Yes', 'bp-ajax-registration' ) ?>
    							</label>
    							<label><input type="radio" name="signup_blog_privacy" id="signup_blog_privacy_private" value="private"<?php if ( 'private' == bp_get_signup_blog_privacy_value() ) : ?> checked="checked"<?php endif; ?> /> <?php _e( 'No', 'bp-ajax-registration' ) ?>
    							</label>
    
    						</div>
    
    					</div><!-- #blog-details-section -->
    
    					<?php do_action( 'bp_after_blog_details_fields' ) ?>
    
    				<?php endif; ?>
    
    				<?php do_action( 'bp_before_registration_submit_buttons' ) ?>
    
                    <!--  checkbox & registration button have to be siblings
                          in order for css hide & show to work on registration button
                    -->
                    <div class="submit">
                    <input type="checkbox" id="terms-privacy" class="terms-privacy" /> I have read and agree to the <a class="IHC_agree popup-terms" style="color: #425e8c; cursor: pointer;" href="#">IHC terms & conditions</a> and <a class="IHC_agree popup-privacy" style="color: #425e8c; cursor: pointer;" href="#">IHC privacy policy</a>.
    
    <!--				  -->
    					<input type="submit" name="signup_submit" id="signup_submit" class="hide-check btn btn-default"value="<?php _e( 'Register', 'bp-ajax-registration' ) ?>"/>
    <!--				</div>   -->
                    </div>
    				<?php do_action( 'bp_after_registration_submit_buttons' ) ?>
    				<?php wp_nonce_field( 'bp_new_signup' ) ?>
    			<?php endif; // request-details signup step ?>
    		</form>
    
    		<?php if ( 'completed-confirmation' == bp_get_current_signup_step() ) : ?>
    
    			<h3><?php _e( 'Sign Up Complete!', 'bp-ajax-registration' ) ?></h3>
    
    			<?php do_action( 'template_notices' ) ?>
    			<?php do_action( 'bp_before_registration_confirmed' ) ?>
    			<?php if ( bp_account_was_activated() ) : ?>
    
    				<h3><?php _e( 'Account is now pending approval.', 'bp-ajax-registration' ) ?></h3>
    
                    <!-- log the user out, my customization -->
                    <!-- Will want a logout redirection -->
                    <?php wp_logout(); ?>
    
    				<p> <?php _e( 'Thank you for joining our Community!', 'bp-ajax-registration' ); ?></p>
    
    			<?php else : // completed-confirmation signup step ?>
    				<?php if ( bp_registration_needs_activation() ) : ?>
    					<p><?php _e( 'You have successfully created your account! To begin using this site you will need to activate your account via the email we have just sent to your address.', 'bp-ajax-registration' ) ?></p>
    				<?php else : ?>
    					<p><?php _e( 'You have successfully created your account! Please log in using the username and password you have just created.', 'bp-ajax-registration' ) ?></p>
    				<?php endif; ?>
    
    				<?php do_action( 'bp_after_registration_confirmed' ) ?>
    			<?php endif; ?>
    		<?php endif; // completed-confirmation signup step ?>
    
    		<?php do_action( 'bp_custom_signup_steps' ) ?>
    		<div class="clear">
    		</div>
    
    	</div>
    </div>
    
  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #14210

    Hi Diana,
    I am sorry for the inconvenience.

    I am looking at the site now and will have more details soon.

    Thank you
    Brajesh

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #14211

    Hi Diana,
    Your ssl certificate is expired and that’s why the browser is not loading the js from the httmps.

    Can you please renew the ssl(or avoid using it). Your link is correct. The problem lies that js is not loaded.

    Please give it a try and let me know.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 32
    Diana on #14221

    Hi Brajesh,

    Thank you for the prompt reply.

    I turned off ssl. I think.

    I still get the weird form when I click “login” then “register” from the login widget.

    If I click the main “register” fixed button at the top of the page (not from the login widget), I still get the forever-spinning circle.

    I can give you temporary admin access if that would help.

    Thanks,
    Diana

  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #14235

    Hi Diana,
    I checked on your site.

    1. On the Top right Register button, the popup seems to be working fine for me.

    2. I do see the problem on the wp-login.php page register link where the layout for the registration is bad. It happens since this page is not adding your custom css.

    What code have you used to load your custom css for ajax registration plugin? Please let me know and I can update here.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 32
    Diana on #14262

    Here you go. Thank you for working on this. I’ve been completely stumped and it didn’t help that I’ve been away from this project for several months.

    
    
     /**************  Styling for bp-ajax-registration form  ********************/
    
     /*  The title area & text  */
    .bpajax-register-title {
        background-color: inherit;
        padding: 12px 8px 8px 8px;
    }
    .bpajax-register-title span {
        font-family: 'Source Sans Pro';
        color: #005200;
        display: block;
        font-size: 32px;
        line-height: 40px;
        font-weight: bold;
        text-align: center;
        padding: 3px 0 5px 25px;
    }
    .bpajax-register-window .register_form_wrap {
        margin: 0 25px 0 25px ! important;   
    }
    
    /*  Hide the register button if terms not agreed to yet  */
    /*  reference:  https://stackoverflow.com/questions/18752134/reveal-and-hide-a-div-on-checkbox-condition-with-css  */
    #terms-privacy:not(:checked) ~ .hide-check { display: none ! important; }
    
    #register_form div.submit {
        padding: 10px 0 0;
        font-size: 16px;
        color: black;
    }
    
    #register_form div.submit input {
        margin-left: 10px;
        margin-right: 5px;
    }
    
    .bpajax-register-window #register_form #signup_submit {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 4px 12px ! important;
    }
    
    /*  The form background  */
    .bpajax-register-window {
        background: #fff9f1;
        border: solid 2px #005200;
        padding-top: 15px;
    }
    
    /*  Use column properties to make responsive  */
    .bpajax-register-window #register_form .register-section {
        width: 100% ! important;
        margin: 0;
        -webkit-columns: 2 200px ! important;
        -moz-columns: 2 200px ! important;
        columns: 2 200px ! important;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        column-gap: 4em;
        -webkit-column-rule: 1px dotted #ddd;
        -moz-column-rule: 1px dotted #ddd;
        column-rule: 1px dotted #ddd;
        column-fill: balance ! important;
    }
    
    .bpajax-register-window #register_form label,
    #register_form span.label,
    .bpajax-register-window #register_form legend  {
        width: 200px ! important;
        font-weight: bold;
    }
    
    .bpajax-register-window #register_form label,
    #register_form span.label {
     /*   margin-top: 11px ! important;     */
        margin-bottom: 0 ! important;
    }
    
    #signup_password_confirm {
        margin-bottom: 0 ! important;
    }
    
    /*  Hide the description, we'll use placeholders instead  */
    .bpajax-register-window #register_form p.description {
        display: none;
    }
    
    /*  Keep label & corresponding input field together  */
    .bpajax-register-window #register_form .editfield {
        display: inline-block;
    }
    
    .bpajax-register-window #register_form input[type=checkbox] {
          transform: scale(1.4) !important;
    }
    
    .bpajax-register-window #register_form .uneditable-input,
    .bpajax-register-window #register_form input[type=text],
    .bpajax-register-window #register_form input[type=password],
    .bpajax-register-window #register_form input[type=email],
    .bpajax-register-window #register_form select,
    .bpajax-register-window #register_form textarea {
        height: 32px ! important;
        width: 230px;
        font-size: 16px ! important;
        margin-bottom: 0 ! important;
        margin-top: 0 ! important;
    }
    
    .bpajax-register-window #register_form legend {
        border-bottom: none ! important;
        font-size: 14px ! important;
        width: 200px ! important;
        margin: 0 ! important;
        font-weight: bold;
        height: 30px;
        margin-top: 4px ! important;
        margin-bottom: 2px ! important;
    }
    
    /*  Style the error messages  */
    #register_form div div.error {
        background: inherit ! important;
        font-size: 15px;
        font-weight: 600;
        color: #731100;
        margin: 0;
        padding: 0;
        width: 90%;
    }
    
    
  • Keymaster
    (BuddyDev Team)
    Posts: 24190
    Brajesh Singh on #14290

    Thank you.

    Will you be able to put 2-3 lines of php in the theme’s functions.php? We don’t need this css as it is already in the css file. We can simply load that on login page.

    Please let me know and I will post the code quickly.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 32
    Diana on #14301

    Young man, this old woman can put in the child theme’s functions.php, all the php you’d like! 🙂

    Thank you so much for your assistance.

The topic ‘Ajax registration – form has gone whacky’ is closed to new replies.

This topic is: not resolved