google agenda

Dit forum is bedoeld voor vragen met betrekking tot WYSIWYG Web Builder.
Post Reply
marenko
 
 
Posts: 63
Joined: Mon Aug 19, 2013 1:25 pm
Location: Gistel
Contact:

google agenda

Post by marenko » Wed Apr 26, 2017 3:36 pm

Geachte

In mijn project wil ik google agenda implementeren. Ik heb de code in html toegevoegd op de agendapagina.

De html staat in een layout grid.

Vraag : is dit een juiste methode om de google agenda responsive te maken of kan google agenda niet responsieve gemaakt worden.
Ik zou de agenda ook willen kunnen bekijken op een smartphone bij mij lukt dit niet.

Dank

User avatar
Pablo
 
Posts: 20593
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: google agenda

Post by Pablo » Wed Apr 26, 2017 3:51 pm

Helaas heb ik geen kennis van Google Agenda, dus ik kan je hier niet bij helpen.
Maar misschien is de Google Agenda code niet responsive/flexible?

marenko
 
 
Posts: 63
Joined: Mon Aug 19, 2013 1:25 pm
Location: Gistel
Contact:

Re: google agenda

Post by marenko » Wed Apr 26, 2017 3:55 pm

Toch bedankt

marenko
 
 
Posts: 63
Joined: Mon Aug 19, 2013 1:25 pm
Location: Gistel
Contact:

Re: google agenda

Post by marenko » Fri May 05, 2017 7:30 pm

Na wat zoekwerk kwam ik op volgende pagina
https://thomas.vanhoutte.be/miniblog/ma ... esponsive/

Hier legt men uit dat je dit kan doen door een iframe in html in te voegen. Dat gaat om in te voegen, maar verder schrijft men nog dat je
css moet toevoegen. zie hieronder of op de genoemde site. Kan dat CSS invoegen i n wysiwyg web builder? en indien ja , waar moet dat?

add the following CSS to your CSS file or in-line.
CSS to make the iframe responsive for mobile devices
01
02
03
04
05
06
07
08
09
10
11

.responsiveCal {

position: relative; padding-bottom: 75%; height: 0; overflow: hidden;

}

.responsiveCal iframe {

position: absolute; top:0; left: 0; width: 100%; height: 100%;

}

User avatar
Pablo
 
Posts: 20593
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: google agenda

Post by Pablo » Fri May 05, 2017 8:14 pm

Helaas kan ik je niet helpen bij het implementeren van extra code, voor mij gaat daar ook veel tijd in zitten.

Maar een inline frame kun je via de toolbox toevoegen.
http://wysiwygwebbuilder.com/iframe.html

Externe code kun je via Pagina HTML of een HTML object toevoegen.
http://wysiwygwebbuilder.com/add_html.html

Maar ik denk wel dat er meer nodig is dan alleen deze code.

User avatar
webwoody
 
 
Posts: 19
Joined: Fri Mar 23, 2007 9:22 pm

Re: google agenda

Post by webwoody » Sat May 13, 2017 4:23 pm

Marenko, op http://www.tweestroomsv.nl/jeugdcom.html zie je mijn google agenda.

In een layout grid een inline frame met daarin de url naar de agenda. Als ik het scherm smaller maak past de agenda zich aan.

Wellicht heb je er wat aan.

gvr
 
 
Posts: 29
Joined: Wed Sep 02, 2009 2:07 pm

Re: google agenda

Post by gvr » Sun May 14, 2017 9:02 am

Hallo Webwoody,

wanneer ik doe zoals je zegt met een layout grid en inline frame krijg ik steeds de volgende foutmelding,

Deze inhoud kan niet in een frame worden weergegeven
Er is inhoud, maar de uitgever staat niet toe dat deze in een frame wordt weergegeven. Hierdoor worden de gegevens die u mogelijk op deze site invoert, beter beschermd.

Heb enig idee hoe dit te verhelpen is???

mvg
GVR

User avatar
Pablo
 
Posts: 20593
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: google agenda

Post by Pablo » Sun May 14, 2017 10:36 am

Dit is een beperking van de website die je in het inline frame wilt weergeven, hierop heeft WWB geen invloed.

gvr
 
 
Posts: 29
Joined: Wed Sep 02, 2009 2:07 pm

Re: google agenda

Post by gvr » Mon May 15, 2017 9:03 am

Maar bij webwoody werkt het wel, dus???
mvg
GVR

User avatar
Pablo
 
Posts: 20593
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: google agenda

Post by Pablo » Mon May 15, 2017 9:12 am

Misschien gebruikt die een andere URL die daar speciaal voor bedoeld is?

User avatar
webwoody
 
 
Posts: 19
Joined: Fri Mar 23, 2007 9:22 pm

Re: google agenda

Post by webwoody » Mon May 15, 2017 1:36 pm

Dag GVR,

Volgens mij heb ik het volgende gedaan;

Kies je google agenda en druk op pijltje achter de naam in lijstje "Agenda instellingen"
Op de pagina "Details voor <naam van je agenda>" zie je links "Deze agenda insluiten"
Rechts zie je in blauw "Pas de kleur, de grootte en andere opties aan" Klik daarop!
Op deze pagina kun je aan linkerzijde je gewenste instellingen kiezen (zie je in voorbeeld gelijk wijzigen)
Als je tevreden bent dan klik je bovenin "HTML updaten"
Let op: Kopier daarna uit de code de url (dus alles wat tussen de "https;........Amsterdam " staat) en gebruik die voor je inline frame

Dat zou het moeten zijn. Succes!!

gvr
 
 
Posts: 29
Joined: Wed Sep 02, 2009 2:07 pm

Re: google agenda

Post by gvr » Tue May 16, 2017 6:33 am

Het is perfect gelukt, bedankt!
Mvg
GVR

marenko
 
 
Posts: 63
Joined: Mon Aug 19, 2013 1:25 pm
Location: Gistel
Contact:

Re: google agenda

Post by marenko » Fri May 19, 2017 1:46 pm

Hello webwoody en gvr

Misschien nog een tip.
Ik heb op de plaats waar de agenda komt een een html ingevoegd (toolbox / html).Ik heb dus niet eerst een iframe ingevoegd maar wel rechtstreeks html en daar de door u beschreven code ingevoegd. (volledig)
Dan heb ik in de code de width op 100% gewijzigd. dus width="800" wordt width="100%"

Daardoor wordt de agenda responsief en past die zich dus aan, aan de verschillende breakpoints.

Post Reply

Who is online

Users browsing this forum: No registered users and 4 guests