Congegni
/
sintonia
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweaked layout of the embed widgets page

This commit is contained in:
Albert Santoni 2015-06-11 14:30:52 -04:00
parent 9c3979f3ba
commit 1efc47beb9
3 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
airtime_mvc/application/views/scripts/embeddablewidgets/index.phtml
View File

@ -29,17 +29,19 @@
<?php echo $this->weekly_schedule_error_msg; ?>
</div>
<div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>>
<label>Preview:</label>
<div class="blah">
<iframe id="schedule_iframe" height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo $this->stationUrl."embed/weekly-program"?>></iframe>
</div>
<fieldset class="padded">
<div id="weekly-schedule-widget-preview" <?php if (isset($this->weekly_schedule_error_msg)) echo "style=display:none"; ?>>
<label><?php echo _("Preview:") ?></label>
<div class="schedule_iframe_wrapper">
<iframe id="schedule_iframe" height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo $this->stationUrl."embed/weekly-program"?>></iframe>
</div>
<div style="clear:both"></div>
<label>Embeddable Code:</label>
<textarea style="width:100%" rows="3" readonly="readonly"><iframe height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo Application_Common_HTTPHelper::getStationUrl()."embed/weekly-program"?>></iframe>
</textarea>
Copy this code and paste it into your website's HTML to embed the weekly schedule in your site.
Adjust the height and width attributes to your desired size.
</div>
<div style="clear:both"></div>
<label>Embeddable Code:</label>
<textarea style="width:100%" rows="3" readonly="readonly"><iframe height="400px" width="550px" scrolling="no" frameborder="0" src=<?php echo Application_Common_HTTPHelper::getStationUrl()."embed/weekly-program"?>></iframe>
</textarea>
Copy this code and paste it into your website's HTML to embed the weekly schedule in your site.
Adjust the height and width attributes to your desired size.
</div>
</fieldset>
</div>

2
airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
View File

@ -78,7 +78,7 @@ body {
}
.schedule.current .schedule_content {
max-height: 300px;
max-height: 290px;
}
.tab_content.current ul {

3
airtime_mvc/public/css/styles.css
View File

@ -3282,10 +3282,11 @@ dd .stream-status {
font-weight: bold;
}
.blah {
.schedule_iframe_wrapper {
width: 100%;
float: left;
text-align: center;
padding: 10px;
}
#schedule_iframe {