The html given me from my Google Calendar (iframe tag) shows up in the preview, but won't show up after I save
2 people have this problem
I have this problem, too!
Tell me when someone solves it.
The more people who report this problem, the more it gets noticed.
The more people who report this problem, the more it gets noticed.
-
Inappropriate?Hi! How are you inserting the code? Are you inserting it directly into the source or by using a Google code plugin?
Vu -
Inappropriate?Directly into the source using the classic editor. Thanks.
-
Inappropriate?Try inserting it this way:
<raw escaped=0>
...your code...
</raw> -
Inappropriate?Thanks Vu, By dumb luck I discovered that the Google customization code builder is the source of the problem. It gave me a working snippet and I've been able to create a tag that works. Thanks again for your help.
The raw element had no effect on the solution or the problem. -
Inappropriate?Tried your suggestion and it did not work. Keep getting a default insertion code :<div> </div>
<div> </div>
<div> </div>
<div> </div>
The Google Calendar code is: <iframe src="http://www.google.com/calendar/embed?pvttk=5c86bd1f5ed24a343c1d83c3c9575ab0&mode=AGENDA&height=600&wkst=1&bgcolor=%23FFFFFF&src=citizenpoweralliance%40gmail.com&color=%232952A3&src=r1u77oougqnn76l1b7sv4so18s%40group.calendar.google.com&color=%2328754E&src=nvbhagroup%40gmail.com&color=%23A32929&ctz=America%2FNew_York" height="600" width="650"></iframe>
If the next post says there is a problem with the Google generator, what is the solution?
Thanks!!! -
Inappropriate?Are you also using the Classic Editor in PBwiki 1.0. If not, then you should insert it as a Google Gadget plugin in the Poiint&Click Editor. If that doesn't work, you may have a malformed URL, so you may want to go back to your Google Calendar page and check if it's correct.
Hope that helps!
P.S. The code you have up right now is replace & with & in the url. That's a possible problem.
-
Inappropriate?how do u do that? where do u get the code? the code i've found doesn't seem to work. so far i've tried variations of this code from the xml file of the google calendar gadget (in the "add any google gadget" area):
<center>
<span>
</span><table>
<tr>
<td class="tl evhtml"></td>
<td></td>
<td class="tr evhtml"></td>
</tr>
<tr>
<td class="bl evhtml"></td>
<td class="br evhtml"></td>
</tr>
</table>
<table class="pickerContainerTable">
<tr><td class="tl dphtml"></td><td></td><td class="tr dphtml"></td></tr>
<tr><td></td><td><div>
<table height="160" width="100%"><tr><td>
<center>
<font>
</font><div>Loading...</div>
</center>
</td></tr></table>
</div></td><td></td></tr>
<tr><td class="bl dphtml"></td><td></td><td class="br dphtml"></td></tr>
</table>
<div>
<span class="fakelink">Quick Add</span> Create Event <span class="fakelink"></span>
</div>
</center>
<div>
<div></div>
</div>
<div>
<div>
<div>

<div></div>
</div>
<div></div>
</div>
</div>
<div>
<div>
<div>

<div></div>
</div>
<form>
<input name="date" type="HIDDEN" />
<table>
<tr>
<td>
<input name="quickadd" />
</td>
<td><input type="SUBMIT" value="Add" /></td>
</tr>
</table>
</form>
<div></div>
</div>
</div>
<div class="subscribeLinks">
</div>
<iframe name="GoogleCalendarFrame__MODULE_ID__" height="0px" width="0px"></iframe>
<style>
.pbox {
top: 1px;
width: 15em;
line-height: 1.2em;
margin:0 10px 10px 0;
font-size: 85%;
}
/* =Menu borders (top and bottom) creates rounded corners
----------------------------------------------- */
.pbox .t2, .pbox .b2, .pbox .sb2 {
background-color:#BBBBBB; /* D */
position:relative;
top:-1px;
height:1px;
margin:0 1px;
font-size:1px;
line-height:1px;
}
.pbox .offset, .pbox .b2 {
border-right:1px solid #666666; /* A */
}
.pbox .t2 {
margin-right:2px;
}
.pbox .b2 {
background-color:#BBBBBB; /* D */
}
.pbox .sb2 {
display:block;
background-color:#666666;/* A */
margin-left:2px;
}
.boxbody {
background-color:#DDDDDD; /* E */
position:relative;
top:-1px;
border:solid #BBBBBB; /* D */
border-width:0 1px;
}
.boxbody ul, .boxbody li {
margin:0;
padding:0;
list-style:none;
}
/* The main chrome containing the calendar is spaced this far from the side */
.datePickerDiv {
background: #c3d9ff;
padding: 0px 0px 9px 9px;
line-height: 1em;
}
.DP_monthtable {
width: 100%;
background: #fff;
padding: 0px;
border-bottom: 1px #A2BBDD solid;
font-size: 83%;
}
.DP_monthtable TD {
text-align: center;
padding: 2px;
font-family: Verdana;
font-size: 85%;
}
.DP_heading {
cursor: pointer;
background: rgb(195, 217, 255);
color: #112ABB;
vertical-align: middle;
}
.DP_days {
background: rgb(195, 217, 255);
}
.DP_dayh {
cursor: default;
font-size: 78%;
}
.DP_cur {
font:bold 78%/1em Verdana,Sans-serif;
padding-bottom: 4px;
text-align: center;
}
.DP_prev, .DP_next {
font-size: 125%;
padding-bottom: 6px;
cursor: pointer;
}
.DP_prev { text-align: right; }
.DP_next { text-align: left; }
/* today */
.DP_today {
background : #9ab !important;
border: 1px solid !important;
border-color: #567 #abc #abc #567 !important;
color: #fff;
}
.DP_today_selected {
background : #579 !important;
border: 1px solid !important;
border-color: #246 #9bd #9bd #246 !important;
color: #fff;
}
/* weekday is Gmail blue when selected */
.DP_weekday {
background: rgb(255, 255, 255);
}
.DP_weekday_selected {
background: rgb(170, 204, 238);
}
/* weekend goes from gray to dark blue when selected */
.DP_weekend {
background: #E8EEF7;
}
.DP_weekend_selected {
background: rgb(153, 187, 221);
}
.DP_onmonth {
}
.DP_offmonth {
color: #888;
}
.DP_day_top {
border-top: 1px #A2BBDD solid;
}
.DP_day_right {
border-right: 1px #A2BBDD solid;
}
.DP_day_left {
border-left: 1px #A2BBDD solid;
}
.fakelink {
text-decoration: underline;
cursor: pointer;
color: rgb(0, 0, 204);
}
.eventChip {
font-size: 82%;
font-family: Arial;
}
.eventCell {
vertical-align: top;
font-size: 82%;
font-family: Arial;
}
.agendaLine {
background-color: rgb(229, 236, 249);
line-height: 1px;
height: 1px;
padding: 0px;
font-size: 1px;
}
.timeSlot {
text-align: right;
white-space: nowrap;
padding-right: 0.5em;
}
.dateDescription {
white-space: nowrap;
font-style: italic;
color: gray;
}
a.eventCell:link, a.eventCell:visited {text-decoration: none; }
a.eventCell:hover, a.eventCell:active {text-decoration: underline; }
/* need full URL if not hosted on google.com */
td.tl {background:url("http://www.google.com/calendar/images/corner_tl.gif") top left}
td.bl {background:url("http://www.google.com/calendar/images/corner_bl.gif") bottom left}
td.tr {background:url("http://www.google.com/calendar/images/corner_tr.gif") top right}
td.br {background:url("http://www.google.com/calendar/images/corner_br.gif") bottom right}
td.evhtml {background-repeat:no-repeat;padding-left:4px;width:4px}
td.dphtml {background-repeat:no-repeat;width:2px}
/* used with Quick Add */
.reset {
clear:both;
height:1px;
margin:0;
font-size:1px;
line-height:1px;
}
.t2 {
line-height: 1px;
height: 1px;
font-size: 1px;
border-width: 0 1px;
border-style: solid;
border-color: white;
}
.calChip {
color: white;
padding: 0 2px;
}
.subscribeLinks {
margin-top: 10px;
font-size: 80%;
}
</style> -
Inappropriate?i guess it was too big for this form and got truncated... but it's a mess of code that starts and ends with script tags (multiple ones, not only script in between) i've tried to get the html and css out and use just the scripts.. but that doesn't work either... im kinda stuck
I’m annoyed
-
Inappropriate?That code is a bit awkward for embedding. Are you sure there isn't just some iframe code you might be able to use that is shorter?
Loading Profile...



EMPLOYEE


