Sharepoint SPFx ${} replace slash with space in render method - sharepoint

I'm pretty new to spfx client side development model and there is some stuff that I don't understand.
In sharepoint webpart (SPFx) I'm trying to dynamically load an image src, but if I do: src="${item.ImageUrl}" the slashes (/) are replaced by spaces. But if I do it manually: src="https://picsum.photos/720/300/?image=0", the image is shown without problem.
Any help would be appreciated!
Thanks!

It was my mistake!
<img class="${styles.image} src="${item.ImageUrl}" alt="${escape(item.Title)}" />
Its missing the " after the class styles, so for a strange reason the url makes that thing.
This teach me a valuable lesson. If something doesn't work just go home and try tomorrow :)

Related

Lazy loading - fontawesome

I have a site that is using fontawesome. I am lazy loading many of the CSS files to increase first page load time, etc.
However, I need the fa-phone-alt to working on first load because it appears at the top of the page.
Can anyone provide guidance as to how I an add inline style just for the fa-phone-alt so that it works without having to load the entire style sheet?
Hope I am explaining this well enough.
Thanks.
I'm not sure how to solve exactly what you're asking, but a workaround could be that you download an SVG of a phone and place it so it loads instantly.

Adding a slideshow to a webpage

I need help. Apologies if the information I provide is not sufficient. I'm sort of an all-arounder at this job and this task has been thrown at me.
I need to add a slideshow to a a webpage. I am not even sure what code I need: jQuery, CSS, or HTML.
The homepage of the website has a Nivio slider (can't access the code to this because its owned by a management company we can't afford to pay).
This is what the editing page looks like: screenshot
The website is http://evelyns-kitchen.com
I am looking to add something like the Nivio slider (if I can't actually add a Nivio slider). Smooth transition, clean, dots below photo to represent the image, left/right arrow. Let me know what other information I can provide! Thank you so much.
Use zoho reports www.reports.zoho.com where you can create reports dashboards slideshows and many more

How wappalyzer(Mozila addon),GTmetrix finds the cms platform

I am currently developing a site which is not supposed to expose its developer magento platform(Sorry about that ).
I thought the wappalyzer(Mozila addon),GTmetrix site is finding the cms names by its html format but when i saw a empty white page with that tools it still shows me like am using Magento(there is nothing in the source view - its white page), so now how they are finding that am using magento. Any idea about hw they are working? I checked headers but there nothing specially mentioned as magento. Same goes with wordpress/joomla - simply wappalyzer(Mozila addon),GTmetrix finds the site platform even there is no html source.
So I guess something with in header(i might missing something) or what it can be? please advice. Attached screenshot of it.
Thanks in advance
You can view Wappalyzer's source code: (Ctrl+F Magento):
https://github.com/ElbertF/Wappalyzer/blob/master/share/js/apps.js
Most likely Wappalyzer picked up on the "Mage" JavaScript variable. You can see this by clicking the DOM tab in Firebug.
They are finding it using the words like mage,varien,magento. If it finds any of these words inside css/js file class,#id,inside comment then it found it as magento.
Also gtmetrix does one more step , like it is checking the css/js url path - if it fins the url like skin/frontend then it says it as magento.
Dont forget cookies...
I use FireBugs. Go to main menu -> Cookies
There is frontend in cookies.

How to save any website by depth in JavaFX 2.0?

I am working on a JavaFX 2.0 application and i want to save a website and it's content by depth, but i do not know how to do this. For example if i want depth 0, it will save the first html page. If the depth is 1 i will save the first html page of the website and all the Subpages of it with their content! I do not know how to do this.
I have this project as homework. I am student!
Anyone can help me out here? I will be very greatfull.
Thanks a lot!
I'm not sure that JavaFX has some special API for this task. The main idea of javaFX may be defined as "tool for builing really cool GUI", but not like "some special tool for some specific tasks on web". Maybe WebView component can help you with your task (as its purpose is working with web). If not - you should work with javaFX on this task just the same way you'll walk with some other framework on it: write your own parser for HTML pages (read a website as a string, parse it for finding all html tags... and so on... XPath can help you there), or find some already existing libraries and use them in your application.
So, javaFX can help you in this project as a framework for building GUI, but business logic must be done by some other frameworks.

Most elegant way to redirect to homepage in JSF

in the upper left corner of my app there is a logo. After I click on it I would like to be redirecterd to home page wherever I am now.
Of course I could just link it www.myhomepage.com but that is not very nice and scalable.
I could link it to action="../spring/main-flow" but that is not good either.
How should I do this properly?
Thanks in advance
Link to the context path directly:
...
Or when you're still using old fashioned JSP as view technology:
...
Works also in combination with <h:outputLink>.
Or use the new JSF2 <h:link>, if you have for example a index.xhtml, it will prepend the context path automatically:
<h:link outcome="/index">...</h:link>
Anything other than / seems overly complicated, unless different sub domains are involved.

Resources