Using Swiper/Slider & Modal?

2 replies · opened Nov 23, 2016

SsymonNov 23, 2016

Using the Swiper/Slider feature and would like to have one of my slides include a button to pop open a modal specific to that one slide. However, when I put the code into the individual slider it pops the modal inside the slider and then breaks the swiper all together. Can I link to a modal from inside a slide? Here is the code snippet for top of slider. Thanks.


			
				

					
						
							
								Cyber Monday Loan Special
								Monday, November 28 ONLY beginning at 8:30 a.m.
								
								Large modal

								
									
										
											
												
													×
													Modal Heading
												
												
													
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.;

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

												
											
										
									
								
															
							
						
					
SSemicolon WebSTAFFNov 24, 2016

Hello,

Simply move the Modal (.modal) Code outside the #wrapper Container and your issues will be solved automatically.

Hope this Helps!

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

SsymonNov 27, 2016

That worked perfect! Thanks for the quick solution!

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