We have a website, which has been built up from the default Dynamics 365 portal; the header menu (primary navigation) has an item for 'home', when edited has a URL as .fa.fa-home an image derived from FontAwesome
We want to add another menu item, that also uses this style of image, but using other values, such as .fa.fa-cloud-download doesn't display anything. Have tried a few different names from the W3Schools - FA4 list
and none seem to work.
If the default for the Dynamics portals, is to use 'images', any idea where these images are hidden?
It is Font Awesome, however the Portal uses a lot of out-of-date resources, so depending on the version that your icon was introduced, it may not be possible.
Try using an older icon (e.g. fa fa-save)
You can also see your options here /css/glyphicons-font-awesome-migrate.min.css
I just checked my portal and the fa-cloud-download icon is working, so make sure you're applying the icon correctly.
<li role="none" class="weblink ">
<a role="menuitem" aria-label="Home" href="/dashboard/" title="Home">
<span class="fa fa-cloud-download" aria-hidden="true"></span>
</a>
</li>
Related
I'm pretty new to Joomla! (using verison 3.3.6) I'm an old hand at WP development. Currently I am looking for the right way to improve an article. This article's content is just a list of links. The content is :
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p>
<p><a href="..." >Title of Link </a></p> .....
and so on.
I would like to change this into responsive rows of thumbnails. I could write a bunch of HTML into the back-end editor, and add some classes to the stylesheet, but I'd prefer to learn how to leverage Joomla's existing functions and extensions. Would someone direct me a little?
You can use Joomla Template Override system. Here is the article about that:
https://docs.joomla.org/How_to_override_the_output_from_the_Joomla!_core
I have the following code on my Mac:
Skip navigation
<ul>
<li>Link1</li>
<li>Link2</li>
<li>Link3</li>
</ul>
<div id="content">Lots of code here, with more links.</div>
In OSX Chrome and Safari, I can tab to the top link, press enter, and the screen scrolls down to the <div id="content">. However, when I press the tab button again, it turns out the first link is still active, and I end up tabbing through the navigation.
In Windows, this code works as expected (i.e. I use the link to successfully avoid having to tab through the navigation at the top of the page).
Can anyone tell me what code I need to make the page's internal links properly navigable with a keyboard on OSX?
Okay, here is the answer, after a flash of inspiration.
You need to have an href="#" on the target <a id="content">. This will make it correctly navigable-to using a Mac's keyboard.
Skip navigation
<ul>
<li>Link1</li>
<li>Link2</li>
<li>Link3</li>
</ul>
<a id="content" href="#"></a>
<div>Lots of code here, with more links.</div>
Obviously, this is not ideal, as it introduces extra mark-up, but it is the only way I could find to get it working.
We have a catalog browser for products were the user can click and it opens a window to show the product details, this works fine in Chrome, but when tried on IE8 the popup window close button is not showing, i still can click on it, but it is not visible.
Here is my code:
<div class="k-window-titlebar k-header" style="margin-top: -32px;"> <span class="k-window-title" id="productView_wnd_title" style="right: 30px;"></span><div class="k-window-actions"><a role="button" href="#" class="k-window-action k-link"><span role="presentation" class="k-icon k-i-close">Close</span></a></div></div>
We are using .net asp mvc and kendoui.
Any ideas on what to do for fixing it?
Thanks!
Edit: found a reference to similar issue on kendo forums: window-widget-problems-on-ie8
Already found the issue, the bundle for css had missing the kendo version on path.
I would like to place a link to an article that contains some HTML and have that appear in a modal popup.
Modal pop-ups are maybe not already enabled on my web site. How I can enable them?
SOLVED:
Many JOOMLA templates turn the modal behavior ON. If not add this to main index <head></head>
<?php JHTML::_('behavior.modal'); ?>
On an article (HTML editor) use class="modal". Format your link like:
<a class="modal" href="terms/tou.html" rel="{handler:'iframe',size:{x:700,y:600}}">TOU</a>
I am trying to include a footer on a joomla website and need to reference an image. Ideally it would be editable by the client.
At the moment I have a template which has an index.php file, but if I reference the img src to be in the images folder, it does not reference the template images, but the media manager folder.
What is the best way to approach this please, for maintinability and also to be safe from updates and overwriting them.
You need to create a new "CUSTOM HTML" module and place following code in it. You can even use editor to modify it and upload new pics. I recommend using JCE editor, makes things much simpler.
<div style="text-align:center">
<img src="/path/to/your/images.jpg" />
</div>
So you need to do the following:
Login to Back-End
Go to Extensions->Module Manager
Click "New" button
Click on "Custom HTML"
Configure you module the way you like it. Set "Show Title" to "NO". Make sure you position it in the right spot, most likely you need to use "footer" or "bottom"... this depends on template.