Registration form fields are broken

This topic contains 26 replies, has 5 voices, and was last updated by  piyush jaiswal 6 years ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • April 13, 2018 at 9:24 am #1927

    piyush jaiswal
    Buyer
    Post count: 224

    Hi

    We are facing following issues:

    1> We have added New fields in registration form but after that fields are getting overlapped.

    2> Fields are too close and look cluttered in mobile as well as on desktop. shown in orange mark in attachment.

    Attached is the screenshot. https://www.tuikart.com/service-provider-registration/

    Pls. help.

    April 13, 2018 at 1:48 pm #1939

    Alex Rollin
    Moderator
    Post count: 27815

    Hello,

    this does not look like the default styling. Are you already customizing the form?

    Thanks for your patience while we look into it.

    April 13, 2018 at 2:09 pm #1940

    Kor
    Moderator
    Post count: 16516

    Hi Piyush,

    Thanks for your patience. Just inspected your Website and it looks fine here. Check out the attached screenshot.

    Thanks!

    April 13, 2018 at 3:37 pm #1943

    piyush jaiswal
    Buyer
    Post count: 224

    Hi Kor,

    Psl. check the page on Mobile.. page layout get’s broken.

    Thanks,

    Piyush

    April 13, 2018 at 3:49 pm #1944

    Alex Rollin
    Moderator
    Post count: 27815

    It looks good on mobile.

    Please let us know if you have a specific issue and what we can do to help.

    The page should be set at the Login page in UsersWP Pages

    April 13, 2018 at 4:46 pm #1945

    piyush jaiswal
    Buyer
    Post count: 224

    Hi alex,

    Pls. find the attached screenshot taken for mobile view. Page is broken.

    April 13, 2018 at 4:52 pm #1947

    piyush jaiswal
    Buyer
    Post count: 224
    This reply has been marked as private.
    April 13, 2018 at 5:10 pm #1950

    Paolo
    Site Admin
    Post count: 31206

    what kind of device are you using?

    April 13, 2018 at 5:16 pm #1951

    piyush jaiswal
    Buyer
    Post count: 224

    Hi Paolo,

    We are using Mobile: Micromax Knight

    https://www.amazon.in/Micromax-Canvas-Knight-Cameo-A290/dp/B00N1P5KHO?tag=googinhydr18418-21&tag=googinkenshoo-21&ascsubtag=8fb25f48-e16a-43fc-8a92-90c461ea3e8d

    thanks,

    Piyush

    April 13, 2018 at 5:57 pm #1952

    piyush jaiswal
    Buyer
    Post count: 224

    Hi,

    Just created new page for student. Pls. check the layout for the form area.

    https://www.tuikart.com/student-registration-page/

    this what it is coming while putting userwp shortcode on the page.

    And in mobile also layout look cluttered and boxes inside forms are too small not look nice as per layout is concern.

    April 13, 2018 at 7:29 pm #1953

    piyush jaiswal
    Buyer
    Post count: 224

    Hi,

    Is there any way to add one more register field in general option, so that we can assign student registration page to the field.

    https://www.tuikart.com/wp-admin/admin.php?page=userswp

    April 13, 2018 at 8:52 pm #1954

    Alex Rollin
    Moderator
    Post count: 27815

    Hello!

    There are styling differences between the registration forms, between the one selected as the registraiton page and pages where the shortcode is used. The idea here is that the secondary forms can be styled to match your site with custom CSS.

    Which page have you selected for registration at:

    UsersWP – Settings – General Settings – Register Page

    On the page where that is selected as the Register page, the plugin will add some styles.

    That registration page is different than other pages where the shortcode is used.

    I will flag this for the developers to let us know. Thanks for your patience while they look into it.

    April 13, 2018 at 9:10 pm #1955

    Alex Rollin
    Moderator
    Post count: 27815

    Is there any way to add one more register field in general option, so that we can assign student registration page to the field.

    It is currently only possible to have one ‘version’ of the registration form, not multiple different versions with different fields.

    In some cases you may be able to hide an optional field on a page with custom CSS based on the page ID.

    The student registration page is ‘page-id-12910’ for example.

    

    
.page-id-12910 #uwp_account_user_types_row.required_field.uwp_form_row {
    display: none !important;
}

    

		
	
    


    

			
				

    

	
    

		April 13, 2018 at 9:11 pm

		
		#1956

		
		
		
	
    


    


    

	
    

		
		
    Alex Rollin
    Moderator
    
		
		
     Post count: 27815
    
	
    

	
    

		
		
    Regarding your page layout, and the spacing of the form, you have custom HTML content on the page and will need to adjust the padding on the columns to get the effect you are looking for. 
    

		
	
    


    

			
				

    

	
    

		April 14, 2018 at 1:25 am

		
		#1958

		
		
		
	
    


    


    

	
    

		
		
    Kor
    Moderator
    
		
		
     Post count: 16516
    
	
    

	
    

		
		
    Hi Piyush, 
    

    Insert the custom CSS code below into GD > Design > Scripts > Custom Style CSS to fix it. 
    

    

    @media only screen and (max-width: 600px) {
    .uwp-registration {
    padding: 0px!important;
    background:#fff!important;
}
}
    

		
	
    


    

			
		
	
    • 

	
  • 

		
    Author
    

		
    

			
				Posts
			
		
    

	
    • 





			



	


		Viewing 15 posts - 1 through 15 (of 27 total)
	


	


		

	

	





		
				

			

				

					
We have moved to a support ticketing system and our forums are now closed.

					Open Support Ticket