I'm using the HTML5 code for the Like Box on my website: http://new.woodypointcomms.com.au. For some reason the faces part is displaying some people multiple times. Can anyone tell me why this might be happening?
You might try a pre-built module version instead of the direct FB widget. Joomla filters HTML content [depending on your settings] which may cause issues. Also try without caching options [Global Configuration] if you've enabled any.
Related
I need a tool to generate UML from my PHP classes and Code Iris looked like it could do that. Well, from the screenshots anyway. There isn't anything on the plugin page or on their home page describing how to actually use the plugin. Same with the SketchIt! plugin.
However, there is no reference to either one of them in any of the menu bar menus nor in any of the right click context menus. I don't see any errors when loading PhpStorm like there have been in the past when it tries to load an incompatible plugin.
So what do I need to actually utilize either of these plugins?
Any help would be greatly appreciated.
We are customizing a Wirecloud installation to provide our own branding, text and header links. We have created a subtheme to the 'defaulttheme' and are overlaying our own template, images and sccs files to accomplish our customization.
We have managed to change the header image, landing page and a few other bits, but are hampered by the following:
The generated HTML provides no clues as to which template it originated from (we think?)
Documentation here: https://wirecloud.readthedocs.io/en/stable/development/platform/themes/
specifies a number of template files, but not all of the template. For example we cannot find the place where the 'Sign in' button is defined.
The wirecloud javascripts seem to insert random bits of html for what should be boilerplate stuff. For example a 'Powered by wirecloud' icon appears at the bottom of the screen. The 'get more components' button appears out of nowhere and we cannot disable it.
Many of the generated elements do not have an id, so it is difficult to disable or identify them in a sccs file. The 'get more components' button for example is not relevant for us, but we cannot remove it (so far).
Does anyone have a completed custom theme we can look at? Or can someone point out which template files / sccs files are used for branding and overall look-and-feel?
True, currently WireCloud doesn't print any comment not any other clue for detecting from what template the html was generated.
Some parts are not generated using templates, for example, the "Sign in" button. I recommend you to create a ticket in the issue tracker for each thing you want to customise and you don't find how to do it, so we will be able to give you a better answer, and to create a template if needed.
Remember that you have to include a "Powered by WireCloud" to comply with the WireCloud license. In the other hand, the "get more components" button can be removed by editing the wirecloud/workspace/wallet/wallet.html template, by removing the following code:
<s:southcontainer>
<t:addmore/>
</s:southcontainer>
Well, this can also be discussed and documented. We usually don't use ids because those elements are better located using some kind of selector.
Anyway, we are working to improve the documentation about themes ASAP.
I am trying to include a file (that's in html) inside of my HTML code. When i test it by opening it in my browser i can view the text fine, however when I upload it it does not appear. In chrome nothing appears and in IE it says that this content cannot be displayed.
<p><object src="resume-kylerschnaible.html"><embed src="resume-kylerschnaible.html" height="1300px"></embed></object></p>
http://jsfiddle.net/rd7yqo6m/
HTML isn't really the tool of choice for including files, there are countless security settings that are dependent upon browser and server configuration so these kind of include methods are generally seen as unreliable. I would suggest moving to php or asp.net if you need this kind of functionality. Failing that you might find that the iframe method is slightly more flexible.
<iframe src="resume-kylerschnaible.html"></iframe>
I have been getting this error in Visual Studio 2012 every time I try type an element and the class attribute (i.e. <div class="). It will popup and some times it even crashes Visual Studio if I hit enter too fast.
Is there anyway to get rid of this error while still getting the list of all the CSS classes?
I was having the same problem and a little search brought me to the following page:
http://forums.asp.net/t/1586914.aspx?Unable+to+edit+CSS+file+
In a nutshell: Add a fake parameter to the end of your CDN URL to get rid of your errors. This also makes intellisense work correctly.
Example:
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css?parameter=1" rel="stylesheet">
Visual Studio retrieves intellisense from your css to tell you which classes are available.
You have a reference to that css file but of course don't have edit permission. Looks like a bug to me. Try to remove that reference css file and see if problem go away and file a bug.
Are you using bundling? Maybe you could try to use the cdn feature, like this:
bundleList.Add(new StyleBundle("~/Content/themes/24mx/css", "https://cdnurl/bootstrap.css").Include(
"~/Content/bootstrap.css"
)
);
What this will do is use the cdn in release mode and the local css in debug. So just download that css to have it locally and then it will use the cdn when you publish. Maybe that will help. Ideally you should also use a cdn fallback if it fails:
bundleList.Add(new StyleBundle("~/Content/themes/24mx/css", "https://cdnurl/bootstrap.css"){ CdnFallbackExpression = "javascript expression" }.Include(
"~/Content/bootstrap.css"
)
);
Exactly how to write this expression for a css I haven't really looked into myself.
Can you please check if there is any online refernce to css like
netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
in your codes. Also please check with a local version of css in that case.
If you change the rel attribute to
<link rel="stylesheet nofollow"...>
This is a work around. From what I can see the problem seems to be that visual studio is trying to adjust the line endings but does not have write permissions. From comments I've found on the web you need to be careful with this as YUI and some versions of IE may not work properly with the nofollow rel value. Personally, I would remove the nofollow before publishing live. A bit of a hassle, but I think it does answer your question as it does avoid the popup box.
Your web pages need to be either under a Web Site or a Web Application project to be able to edit linked style sheets. Here is what you need to do:
1.Tools->Options->Projects and Solutions
2.Check “Always show solution”
3.Right click on the Solution node in the Solution Explorer
4.Choose Add new Web Site or new Web Application project
5.Move your web pages to the new Web Site or Web Application project
Now you should be able to edit the linked style sheets.
Hope this helps
I'm working on an upgrade for our current application (asp.net mvc). Here my problem is, I have a existing css file name "styles.css". Now this file has lots of css classes and they are used in different pages.
Now as a part of the upgrade process, this css file will not be used anymore. But I still want certain css classes from this file, so that I can copy them to a new file and include it in my pages.
Any ideas on how to extract these styles which are used in my new pages. And yes the styles which I want to pick are already set to the controls in the page. Please help.
Finding ones that are used in single page should be easy with multiple tools. One good tool is called UnCSS.
The trick is checking an entire site where CSS file is shared accross pages.
This approach was popular in social networks recently with some high profile guys sharing it like Google's Addy Osmani and some Google Chrome guys:
http://addyosmani.com/blog/removing-unused-css/
Use Chrometools Audits
In Chrome Press: F12 -> Audits -> Run
It will let you know what is and is not used.
There are a lot of ways, for example:
Firefox plugin, this will extract the used css
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/
for chrome
https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh?hl=en-GB
Manually: another way in the chrome (or other browsers), right click and select inspect element, this will show you the hierarchis which is working on specific element, by that you can take your used css
You can find the unsed css from the following tool, so that you can clean your css to have pure one
http://unused-css.com/
or
http://www.pontikis.net/blog/remove-unused-css
Use a Browser Debugger, click on the elements on site and see on the right corner which classes are machtes and copy them.