I can't import line-awesome framework and use its icons in vue.js application.
I have tried to add the CDN link in my html file as mentioned here.
When adding it, and trying to use its icons like
<i class="la la-home"></i>
the webpage showing nothing, but when using
<i class="fa fa-home"></i>
instead, the webpage show the font-awesome home icon, however I am still importing the CDN of line-awesome.
The documentation is very unclear as you figured out. There are actually two CDN-links on the how-to page, even if they look identical.
The first CDN-link at time of writing is actually just a drop-in for FontAwesome and does not define any styling with the .la-prefix. To use that, you need to define your icons as found in the FontAwesome documentation. Things should work just fine if you use <i class="fa fa-home"></i> like you figured out.
The second CDN-link defines all the .la-styling and none of the .fa-styling. If you include that link, you can actually use the documentation to include their icons.
Related
I am trying to use Font Awesome with Petite Vue. As it is a lightweight version of Vue with no build step, I cannot use the Font Awesome Vue Component.
I am using a Font Awesome Pro Kit (web fonts to avoid CORS issues) and importing Font Awesome and Petite Vue in a <script> tag.
However, when inside a v-for loop, I cannot get the Font Awesome icon to display.
<i class="fa fa-thin fa-{{ item.icon }}"></i>
It works fine outside the v-for loop, even if still inside a v-scope tag and hard-coding an icon name works too. It also works as expected if not using Petite Vue.
I managed to get this working by using v-effect to dynamically add the icon name class.
<i class="fa fa-thin" v-effect="$el.classList.add('fa-' + item.icon)"></i>
I am looking for a way to connect an Excel-sheet to a grid on the web. My first thought was to use the Legacy Wizard. Unfortunately the Legacy Wizard doesn't recognize the table at the page, and if I try to import the whole page it returns "You need to enable JavaScript to run this app".
There is however a button on the page, "Export grid to Excel", but if I click it in the Legacy Wizard I download the document to my computer.
So my next thought was to add a Querie to the site, using "From Web" in Excel. If I only found the URL to the download button, it'd be easy! However, the HTML-code for the button looks like this:
<div class="pull-right Excel"> == $0
<span title="Export grid to Excel">
<i class="fa fa-file-excel-o fa-lg fa-fw fa-border fa-pull-left">
::before
</i>
</span>
</div>
The data is unfortunately confidental so I can't share the website. I am not very familiar with HTML, is there an URL hiding somewhere that I'm missing?
Best regards
Bagd
I have the following code in my html. When I click on the icon I want to be taken to my websites facebook account.
<li><a href="www.facebook.com/mywebsitename"><i class="fa fa-facebook" aria-
hidden="true"></i></a></li>
However instead I get my webpage without any css and the url changes to the following url. Why is this?
https://mywebiste.com/www.facebook.com/mywebsite
The URL is considered as a directory Path. try to replace
href="www.facebook.com/mywebsitename"
to
href="https://www.facebook.com/mywebsitename"
Your URL should be starting with a scheme:
<a href="https://www.facebook.com/mywebsitename">
See more here: What_is_a_URL
This happens because you didn't write the beginning of the line address. He directs you to your own page in this project because he doesn't know where to go. Use https://.
<a href="https://www.facebook.com/mywebsitename">
I have a wordpress site and I installed the shortcode plugin.
I am trying to install a button and I put an icon on it.
When I load my site here you can see it under the slider, the button that says photo gallery
http://denverkollel.org/site/
it's on the blue background. You see there is a space , but no icon showing.
I have the font-awesome css on the page. what else might I be missing to make it work?
You are using the older verion of Font-Awesome and that doesn't suppot fa fa-video-camera.
Actually, it doesn't even support fa class.. Initially Font-awesone used to have classes starting with .icon-.
Download a new version and make required changes.
I am using this syntax to refesh the page I am in:
<i class="fa fa-undo"></i>
The result of this command is, for example:
<i class="fa fa-undo"></i>
Which seems right.
This doesn't work with the anchor (#end), but works without. It only goes to the anchor, but never reload. Why is this? Is this only because I am in the same page, or is there another reason?
That's standard browser behavior, unrelated to Play. If the link contains an anchor and the user is already on the page the browser will just scroll to the anchor position.
Does it need to be an anchor? You could change it to a regular query string parameter (/instance/logs/1?end) and use javascript to check for the parameter and scroll the page.