I have the following code based others tutorials (look at the picture):
When I run the code through the browser, the button is appeared but when I click on it the pdf does not downloaded (or appeared to other html page).I have checked if there is any problem with the file link but when I run it through browser is appeared to browser properly. I must note that this code is included to php file ( for example file.php).CODE
HTML:
<button class="etc etc">
<i class="fa fa-download"></i>Katabaste Odygies
</button>
Try changing your anchor tag to look like this:
<button class="etc etc">
<a href="itdb/a.pdf">
<i class="fa fa-download"></i>Katabaste Odygies
</a>
</button>
When people click the <i> tag, it is not inside the <a> so the download is not being triggered.
Also, you are referencing the file incorrectly for a web server.
Related
I bought a template from casethemes (https://demo.casethemes.net/consultio-finance2/) now while using same tags as their demo site i cant get the classes executed and shown as broken. Am i missing some libraries to integrate? Below are few classes arent working and showing broken images on my side but works fine on demo page.
<i class="zmdi zmdi-close"></i>
<i class="fac fac-search"></i>
<i aria-hidden="true" class="flaticon flaticon-social-media"></i>
<i aria-hidden="true" class="flaticon flaticon-report"></i>
On my website it is shown like this
On demo template it is shown as like this, you can check website
What could be the issue? Please help
check if font-awesome is getting imported properly
I cannot figure this one out.
Here's my code.
<a class="button button-primary" href="NewApp.app" download="NewApp"><i class="fa fa-download" style="margin-top: 2px;"></i> Download</a>
The app is called NewApp.
The NewApp.app file is in the same as index.html.
This button just downloads a random file 'NewApp.html' which doesn't exist.
How do I fix this?
Have you tried, instead of download="NewApp", just download. In HTML, I believe, to download a file, you must do the following:
<a href="foo.app" class="button button-primary" download>Download the app!</a>
It will automatically download the file that the href attribute is pointing towards. I hope this helps.
I have a working whatsapp <a> tag in this way:
<a class="whatsapp share-local-button
data-action="share/whatsapp/share"
target="_blank" href="whatsapp://send?text=link#withMark" >
<i class="fa fa-whatsapp"></i>
</a>
This works, but what is in href is simply the shared text, not the url, which is the current....
I tried with
data-href="link#withMark"
But no different results...
How can I share my customized url and not the current one?
Try adding something like a bit of PHP if you are able to. if you want to keep it clean html then just ignore this.
in php u define the link u want to set in a variable, then just add <?php $yourvariable ?> to the whatsapp://send?text= INSERT HERE
Add a JavaScript code as I did to dynamically add the link.
Also it is reusable and can be used in any page.
Here, we set the href of the element having class=whatsapp to it's href+ the site link.
Try running the code
document.getElementsByClassName('whatsapp')[0].href+=window.self.location;
<a class="whatsapp share-local-button
data-action="share/whatsapp/share"
target="_blank" href="whatsapp://send?text=">
<i class="fa fa-whatsapp">whatsapp</i>
</a>
I am trying to navigate between two pages in angularJS using href. Both pages have accordions and they aren't loading properly when I navigate from one page to another. The accordion work fine when I refresh the page or when I directly go to the page (without navigating from another page).
Here is my code:
<a href= "{{domainName}}/#/Reports/Reports?subscriptionID={{subscription.SubscriptionID}}">
<div class="pull-right btn btn-xs btn-primary" id="btnEditSubscription">
<i class="fa fa-pencil" aria-hidden="true"></i> Edit Subscription
</div>
</a>
So I want to go to Reports page from this button click. Reports page has accordion. This is how the accordion in Reports page looks when navigating after the button click:
This is how the accordion should look like:
It looks like when navigating between pages I am missing .ui-accordion class.
Please help!!
Thank you
Do anyone know how to make a facebook share button with 2 actions ? similar like this , I got a html page with an IQ question ,when you click to share and link to answer pages .
Here are the question page look like :
Here is the code of share button:
<a class="btn-u btn-u-lg btn-block btn-u-dark-blue" href="###" target="_blank">
<i class="fa fa-facebook"></i> Facebook
</a>
Thanks for help