OnsenUI + React - Unexpected output in Chrome - meteor

This is my first time using OnsenUI with React. I really tried to copy the monaca helloworld example component parts, such as the page and toolbar and I'm expecting to see an output like an iOS screen on chrome, but instead I got this.
I'm using Mantra, and any help would be highly appreciated. Thanks

Related

css class '.when' shows error on netbeans IDE

I am using netbeans 8.0.2 for coding. In css, I have used a class name 'when' and that class is showing error in editor. But it works in browser. Anybody have some idea?
Because your IDE expects that when is a function of less, an then your syntax would be wrong. If you don't use less, or everything works just fine for you, ignore the warning and/or change the inspection settings.
If you use less, here are some examples of using when:
http://lesscss.org/features/#mixins-feature-guarded-namespaces
http://lesscss.org/features/#mixins-feature-loops-feature
http://lesscss.org/features/#mixins-feature-mixin-guards-feature
http://lesscss.org/features/#css-guards-feature
http://lesscss.org/features/#detached-rulesets-feature-property-variable-accessors
You can help to improve NetBeans by reporting similar issues in their bug tracking system. I have already reported this problem here:
https://issues.apache.org/jira/browse/NETBEANS-1216

Polymer 1.0 google-analytics-query: Nothing is showing up

I am trying to develop a dashboard for my client where I have to use several google web components. My first approach is to show up a simple analytic query for which I am using this:
<google-analytics-query
ids="ga:xxxxxxxx"
metrics="ga:sessions"
dimensions="ga:country"
sort="-ga:sessions"
start-date="2015-10-01"
end-date="2015-10-31"
max-results="5">
</google-analytics-query>
But nothing is visible!
I am referring to https://elements.polymer-project.org/elements/google-analytics?active=google-analytics-query
What's going wrong?
UPDATE
I also tried the following code to render google-analytics-chart output ended up with a big white box.
<google-analytics-chart
type="area"
ids="ga:88814676"
metrics="ga:sessions"
dimensions="ga:date"
start-date="2015-10-01"
end-date="2015-10-31"
max-results="5">
</google-analytics-chart>
This question as also asked on the Github repo for the <google-analytics> element. You can see the answer there:
https://github.com/GoogleWebComponents/google-analytics/issues/29#issuecomment-157367824
The gist of the problem: using the <google-analytics-chart> element require authentication via the <google-signin> element in order to work.

Browser Displaying Plain Text

When I view the site www.redfuryrevenge.com with a browser, I see only plain text, as if there is no CSS. When I view it locally using Macrabbit Espresso preview, it looks fine. I tried finding the error using Firefox console, debugger, etc., but nothing pops up for me.
I've never seen anything like this (except for a missing CSS file reference).
Please advise.
it seems that for some reason you need to put the full root.
You can fix it adding the ./
Use the following syntax:
href="./css/style.css"
I've tried it and it should fix your issue

Twitter Bootstrap - Can't get form to display properly

I have a form that I'm making in bootstrap but no matter what I do, I cant seem to get it to look how it looks in the tutorials. The label goes above the text box when it should be beside it, and the whole thing looks like it lacks any css formatting. Thanks for your help.
Here is the site that I'm working on and you can view the source code there:
aerofied.snbw.co/registration.php
bootstrap.min.js returns a 404 error and I believe this is the reason.
This is the URL that returns the error: http://aerofied.snbw.co/js/bootstrap.min.js
You should also read the Bootstrap documentation. You must use some specific classes for your forms.

Deeplinking in flex applications

I am currently building a flex application and would like to allow deeplinking to produce nice URLS such as http://site.com/#/account/settings and so on.
I have looked at swfaddress 2.4 and swfobject 2.2 to embed the swf and provide the deeplinking. So far everything works in Firefox and Chrome. However, in Internet Explorer 9, the back button and history functionalilty does not work, which is rather frustrating.
Interestingly, the Flex sample file here http://www.asual.com/swfaddress/samples/flex/ works pefectly in IE9. Upon futher inspection, it seems that they are using the ac_OETags.js file to embed their swf. Going through the documentation as well as the index.html file generated by flex, it seems that they are now using the latest version of swfobject as the preferred way to embed swf files.
Having said that, swfobject haven't been updated for more than a year. I am also unsure as to whether the author intends to update it. On the other hand, I do not like the way adobe's history.js works for deeplinking. Urls such as http://site.com/#view=1 looks very ugly in my opinion.
In light of the above, what libraries do you recommend for embedding swf files and deeplinking in a flex 4.5 project?
Those 2 are the best out there and I recommend you use both. With that said, I would try to debug the javascript/flex to see why this isn't working in IE9 and fix the code on both open source projects so that other developers can benefit from it.
The reason this is happening is that Adobe never updated history.js after IE9 came out. There is code in there to handle some IE7 bugs which is being incorrectly triggered.
To fix your history.js insert the following code:
After line 22 insert:
ie9: false,
After line 72 (what was line 71):
else if (browser.version == 9)
{
browser.ie = false;
browser.ie9 = true;
}
That should fix it.

Resources