Forums - Print Thread - Mini Calendar not working

Forums » List all forums » » Forum: Webmaster's Corner » » » Thread: Mini Calendar not working
Print at Jan 20, 2025, 1:08:36 PM	View all posts in this thread on one page

Posted by namicc at Feb 16, 2021, 12:14:18 AM

Mini Calendar not working
I am having problems adding mini calendar to new Bootstrap 4 website I am working on.

It works fin on this page - https://namicontracosta.org/test/minicalendar.html . It has just the calendar. However it will not work on either of the following pages with design added to it-
https://namicontracosta.org[url=/test/test.html https://namicontracosta.org/test/index-static.html]/test/test.html[/url]
https://namicontracosta.org/test/index-static.html[/url]

I am at a total loss. HTML coding is correct (did W3C validator). Any help is appreciated.

Posted by support at Feb 16, 2021, 4:26:32 PM

Re: Mini Calendar not working
The main difference between the working page and 2 non-working ones appear to be in the <head> section of the pages.

I would selectively simplify this section until I found which issue was preventing the calendar from working (alternatively: Selectively add sections to your page that already works until something breaks it)

Please report back with your findings. If we can make localendar more flexible/adaptable from our side, we'll do what we can.

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="zxx">
<!--<![endif]-->

<head>
<title>NAMI Contra Costa</title>
<meta charset="utf-8">
<!--[if IE]>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<![endif]-->
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/main.css" class="color-switcher-link">
<link rel="stylesheet" href="css/shop.css" class="color-switcher-link">
<script src="js/vendor/modernizr-2.6.2.min.js"></script> 
<!--[if lt IE 9]>
		<script src="js/vendor/html5shiv.min.js"></script>
		<script src="js/vendor/respond.min.js"></script>
		<script src="js/vendor/jquery-1.12.4.min.js"></script>
	<![endif]-->

----------------------------------------
Marc Higgins
Support Associate, localendar.com
Follow us on Twitter! http://www.twitter.com/localendar_news