Ogetto calendario
Autore: Antonio V.
Visite 1931,
Followers 3,
Condiviso 0
l'oggetto full calendario, non mostra la descrizione ma solo il titolo dell'evento. esiste una soluzione?
Postato il
ti hanno già risposto di qua:
https://helpcenter.websitex5.com/it/post/211520
ma se invece che usare l'oggetto Full Calendar usi una semplice tabella, utilizzando i link al Tooltip sulle parole o dei link a messaggio di avviso....?
Potrebbe essere una soluzione...poi lo rendi elastico con i codici che propone spesso KolAsim...
......................................................................
ho appena provato e funziona tutto...
Autore
ciao Mirko, grazie per l'idea.
potresti farmi vedere un esempio? credo di non aver capito. dovrei scrivere le date con l'oggetto tabella per poi creare link al Tooltip.?
vedi struttura del sito web
https://www.abruzzodavivere.it/
Autore
fatto l'idea mi piace, ho reso l'oggetto tabella responsive con il seguente codice:
come faccio a togliere quella striscia sotto alla tabella?
<style> table {word-break: break-all;} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
prova con questo in proprietà della pagina nel tag head subito dopo il tuo codice:
<style>
#imTableObject_3_02 {
overflow-x: hidden;
}
</style>
cambiando il numero con il tuo oggetto...
Autore
Grazie è perfetto.
Inoltre se posso chiedertelo, potresti passarmi se conosci codice per rendere il calendario di google RESPONSIVE?
Grazie
lo hai messo come iframe?
che misure gli hai dato?
prova con il 100%...
... grazie Mirko+, ...infatti ha usato proprio il mio codice......
.
Autore
Ciao Mirko questo e il codice per rendere il calendario di google responsive. ma non è perfetto, non mi funziona bene su tuti i device. Sbaglio qualcosa? Ecco link https://www.abruzzodavivere.it/calendario%20eventi.html
Oggetto html
<div class="responsiveCal">
<iframe src="https://calendar.google.com/calendar/embed?height=400&wkst=2&bgcolor=%23f9f6f6&ctz=Europe%2FRome&mode=MONTH&showPrint=0&showTabs=1&showCalendars=0&showTz=0&showDate=1&showTitle=1&src=bXJhbnRob255LnZlbmVyb3NvQGdtYWlsLmNvbQ&color=%234285F4" style="border-width:0" width="600" height="400" frameborder="0" scrolling="no"></iframe>
SEMPRE OGGETTO HTML
esperto codice css
.responsiveCal {
position: relative; padding-bottom: 75%; height: 0; overflow: hidden;
}
.responsiveCal iframe {
position: absolute; top:0; left: 0; width: 100%; height: 100%;
}