Modals

6 replies · opened Nov 7, 2016

PpadgurcNov 7, 2016

Hi
Try to set up modals unsuccessfully! What I'am doing wrong, please advise?
DEV SITE: http://lea.hamradio.si/~s50u/borut/index-onepage.html


							
								
									[](#myModal)
								
								Priprava zemljišč
								
za posaditev sadnih vrtov.

							
						
						
						
						
							
								
									
										
											×
											Modal Heading
										
										
											Text in a modal
											
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

											Popover in a modal
											
This [button](#) should trigger a popover on click.

											Tooltips in a modal
											
[This link](#) and [that link](#) should have tooltips on hover.

											
											Overflowing text to show scroll behavior
											
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.

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.

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.

										
										
											Close
											Zapri
										
									
								
							
						
SSemicolon WebSTAFFNov 7, 2016

Hello,

Please find the following code on the Page:

[](#myModal)

and replace it with:

[](#myModal)

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

PpadgurcNov 7, 2016

Khmmm ... Popup window is working as suggested but stuck blanked?

SSemicolon WebSTAFFNov 7, 2016

Hello,

We have just checked out your Website and there Huge Number of Errors on your Page. The Entire page is enclosed inside the #header Section. Also, the #header is outside the #wrapper and instead the #wrapper is inside the #header. Always add all your Content inside the #wrapper Container as provided in the Sample Templates. Please make sure that you follow the correct HTML Structure of the Canvas Template which can be found in the Documentation > Start > HTML Structure Section. This will automatically fix your issues.

Additionally, there are also some Validation Errors: https://validator.w3.org/check?uri=http%3A%2F%2Flea.hamradio.si%2F~s50u%2Fborut%2Findex-onepage.html&charset=%28detect+automatically%29&doctype=Inline&group=0 on your Page, so please fix them.

Hope this Helps! Thanks for your Patience.

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

PpadgurcNov 7, 2016

Oh boy ... to little attention on copy&paste jobs. I need new glasses, thanks!

PpadgurcNov 7, 2016

There are still two Warnings from your design but a non-normative usage recommendation. Thanks for your help!

SSemicolon WebSTAFFNov 7, 2016

Hello,

The Warnings can be ignored as HTML5 tend to throw some warnings! Meanwhile, everything is working as expected.

Thanks for your Patience. Do let us know if we can help you with anything else or if you find any further issues with Canvas.

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