I wrote this script in my html:
<iframe src="http://docs.google.com/gview?url=http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-09.pdf&embedded=true" style="width:600px; height:500px;"></iframe>
It is not wokring, but if I remove & from "&embedded" link. It works.
How can I use & in my thymeleaf?
can you replace & with & and let me know if this worked for you
<iframe src="http://docs.google.com/gview?
url=http://mozilla.github.io/pdf.js/web/compressed.tracemonkey-pldi-
09.pdf&embedded=true" style="width:600px; height:500px;"></iframe>
Related
I'm beginner in asp.net mvc and want to use toast notification to show any message to user,read this tutorial and write this code in my view page:
<input type="submit" class="btn btn-primary" value="مشاهده" onclick="behzad()">
and this java script:
<script type="text/javascript">
function behzad() {
//alert("ok");
toastr.info('Hi Mahedee, This information for you.')
toastr.success('Are you the six fingered man?', 'Inigo Montoya');
}
</script>
but press the submit button i can see notification,how can i solve that problem?
and add this link to my view page:
<link href="~/Content/toastr.css" rel="stylesheet" />
<script src="~/Scripts/toastr.js"></script>
Did You follow these steps ??
bower install toastr
Link to toastr.css
Link to toastr.js
toastr.info('Are you the 6 fingered man?')
I Created this plunkr check the order of the scripts that are being loaded and check you are doing the same .. Thank you
enter code here http://plnkr.co/edit/CMkR8Ud7DOCnJCsGofvL?p=preview
toaster is using jQuery,
make sure you are importing jQuery before importing toaster
http://view.jquerymobile.com/1.4.0/demos/controlgroup/#Textinputs
I followed the above link from jquery mobile. It doesn't work as expected !
Can someone help
Try setting the height too:
<div data-role="controlgroup" data-type="horizontal">
<input type="text" id="search-control-group" data-wrapper-class="controlgroup-textinput ui-btn">
<button>Submit</button>
</div>
.controlgroup-textinput{
height: 20px;
padding-top:.22em;
padding-bottom:.22em;
}
DEMO
To anyone having the same issue after using the code from the jquerymobile demos!
If you copy html or css content from the demos page, make sure to remove all leading whitespaces (indentation) first and add your own!
The demos page uses some other invisible non breakable spaces that prevent proper css parsing in most browsers!
I had the same issue and when looking into the css parsed by chrome it was marking
" padding-top: .22em;"
as invalid css, because of those non breakable spaces.
I have tried to embed the video as shown below on my asp.net mvc app.
<div class="col-lg-12 center " data-animation="bounceInRight" data-delay="300">
<iframe width="170" height="128" ng-src="https://www.youtube.com/embed/watch?v=1aDLYFBuWc8" frameborder="0" allowfullscreen style="max-width:100%; margin:0 auto; display:block;"></iframe>
</div>
But when I tried to play, it shows below error.
There is no console window errors.When I tried to get the url by right clicking the above video then it shows this : https://youtu.be/undefined
But when I embeded below kind of url then it works fine.
https://www.youtube.com/embed/A6XUVjK9W4o
Could you tell me how to sort out this issue ? Thanks in advance.
Answer :
I think I can avoid this issue if I use the Video_Id as #Jossef Harush mentioned below.
Using ng-src in redundant
Since you don't dynamically set the video url in your example. no need to use ng-src
ng-src - http://plnkr.co/edit/HfJRVtt1Qga5UgyU242u?p=preview
src - http://plnkr.co/edit/LROnn8jHak1P8Hk4bR7e?p=preview
YouTube Embed URL is incorrect
from they're docs:
Embed a player using an tag
Define an tag in your application in which the src URL
specifies the content that the player will load as well as any other
player parameters you want to set. The tag's height and width
parameters specify the dimensions of the player.
If you create the element yourself (rather than using the
IFrame Player API to create it), you can append player parameters
directly to the end of the URL. The URL has the following format:
http://www.youtube.com/embed/VIDEO_ID
use https://www.youtube.com/embed/A6XUVjK9W4o
instead of https://www.youtube.com/embed/watch?v=1aDLYFBuWc8
Sample on Plunker
go to the wanted Youtube video and click on Share then you will get the option for a code snippet which you can embed into your code.
This is the default from yt
<iframe width="420" height="315" src="Link here" frameborder="0" allowfullscreen></iframe>
Bad url and you can't use ng-src try this:
<div class="col-lg-12 center " data-animation="bounceInRight" data-delay="300">
<iframe width="170" height="128" src="https://www.youtube.com/embed/1aDLYFBuWc8?rel=0" frameborder="0" allowfullscreen="" style="max-width:100%; margin:0 auto; display:block;"></iframe>
</div>
http://jsfiddle.net/6w3ao4ft/
I'm trying to allow content editors to be able to choose the main banner image on a page by having it chosen through a Media Picker property.
I've tried the standard inline XSLT of:
<umbraco:Item runat="server" field="banner" xslt="concat('<img src="', umbraco.library:GetMedia({0},0)/umbracoFile, '" />')" xsltDisableEscaping="true" />
But in my simple template of:
<asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">
<header class="home-header">
<div class="logo-wrapper">
<umbraco:Item runat="server" field="banner" xslt="concat('<img src="', umbraco.library:GetMedia({0},0)/umbracoFile, '" />')" xsltDisableEscaping="true" />
</div>
</header>
</asp:Content>
The rendered HTML comes out at:
<header class="home-header">
<div class="logo-wrapper">
</div>
</header>
I've read about using a macro to render images but my Umbraco knowledge is limited. If someone could provide steps for actually adding an XSLT macro, I'd be happy to try that out.
Unfortunately we are stuck on Umbraco v4.9 for now too so no <umbraco:Image /> tag for me.
I suggest you use a c# Umbraco macro instead of xslt. Umbraco 4.9 can do that.
An macro can in a differt file or simple use a inline macro:
<umbraco:Macro runat="server" language="cshtml">
#if (#Model.visual != "")
{
<img src="#Model.Media("banner", "umbracoFile")" class="foto" />
}
</umbraco:Macro>
Same as <img src="#node.Media("banner", "umbracoFile")" />
If anyone else finds this and you are not using MVC you can use this approach inside your template to get the image path you selected from the media picker
<umbraco:Item field='headerImage' runat='server'xslt='umbraco.library:GetMedia({0},true())/umbracoFile'xsltDisableEscaping='true'></umbraco:Item>
Where headerImage is the alias for your attribute name in your document type. This will render something like "/media/1002/sample.jpg" for instance
I'm new to MVC 3, I'm trying to add an Image to the _Layout.cshtml file.
I tried
<img runat="server" id="img_logo" alt="Logo" src="Content/Images/mailworks.png" />
no success. The logo only appear on some views. on others views for some reason the image is supposed to be in some other location - found it using firebug.
Try this:
<img id="img_logo" alt="Logo" src="#Url.Content("~/Content/Images/mailworks.png")" />
Use this:
<img src="#Url.Content("~/Content/Images/mailworks.png")"...
I found another quick solution : just append '/' at the beginning of the src's path.