I'm building a nested navigation bar, here is the jsFiddle:
http://jsfiddle.net/3Y8vB/1/
the nested menus are on the third item, "Collezioni": so far so good. But adding Cufon triggers a strange problem: "hovering" the nested menus and going away from them all the way down, the "Collezioni" link disappears!
http://jsfiddle.net/3Y8vB/2/
Well, it doesn't really disappear: it retains the #fff color (:hover) instead of going back to #111 (normal state), and since the background is white too, it "disappears". Going all the way UP (without "hovering" the nested menus) has no problem.
I'm sure it's a Cufon related problem since the first version (without Cufon) is working nice.
Please, can you help to solve this? Thanks in advance
Ok, found the solution here:
https://github.com/sorccu/cufon/wiki/FAQ#wiki-faq-10
And here's the new jsFiddle:
http://jsfiddle.net/3Y8vB/3/
Related
I see in the ChartJS docs (https://www.chartjs.org/docs/latest/) how to style the x-axis as a whole, but I'd like to style a single label.
I have an example codepen here https://codepen.io/jsilver951/pen/pozOBzy?editors=1000 where I've tried to add the attribute in before the update function but nothing is working.
Incorrect
lineChart.options.scales.xAxes[0].ticks.fontColor = "hsl(0,100%,50%)";
Does anyone know how or even if this is possible?
This issue of changing the style of each tick was raised here https://github.com/chartjs/Chart.js/issues/2442.
A working solution was created by #bevingtongroup1 with an example of how to use it by #kneeki here2.
The issue is now closed but I'm not sure if its fully implemented into the latest chart.js version. Hope this helps solve your issue!
In my app, I've got a table of rows, each row containing data. When I click the "delete" button, I want it to remove the row.
The long and the short of it is that when I delete the object from the collection, the view disappears, the object disappears, but the template is left in the table.
If you move the collection view outside a table, replace all the tr's with divs, and all the td's with spans, this bug doesn't happen, and everything works smoothly.
http://emberjs.jsbin.com/EXEnUZE/4/edit
The above fiddle shows the problem. You should be able to edit the color, but if you delete one, the object itself is gone (as evidenced by the top list), and if you use the Chrome Ember Debugger on it, the view is gone, but the HTML for the row still remains.
Is this an Ember bug? Should I open an issue for it?
Admittedly I'm no pro when it comes to the collection view, but have you contemplated using an each instead? It seems to be a little less problematic.
http://emberjs.jsbin.com/EXEnUZE/9/edit
{{#each item in model}}
{{view App.PlayerView content=item}}
{{/each}}
Honestly it does seem a little buggy, the view itself did call destroy (I tried to manually call destroy on it), but it failed to remove itself from the page(maybe the collection as well, I didn't dig into it much). So you might submit a bug, or spend a little time digging into it, that's up to you. I'll keep digging into it as well and update this if I find anything.
As a extra answer, I filed a bug report on Ember for this, and got the following response: https://github.com/emberjs/ember.js/issues/3723
The suggestion of using tagName="table" on it, and then removing the tr's from inside the child views worked perfectly.
Total Noob question here. My apologies for the simplicity, and I've skimmed hundreds of Ember-tagged posts here looking for an answer. But it appears to be too primitive for anyone to have bothered asking before...
I'm starting from scratch with Ember. I did Andy Matthews' EmberTweets tutorial, which worked fine. I'm trying to use that as a basis for my first Ember app, which is painfully simple; but I'm stuck on the most basic of steps. I appear to have a functioning controller, and am seemingly adding new objects to it successfully. But I cannot for the life of me get my view to render the properties of those objects. The basic view renders out, but not the data from the controller, which I'm just trying to access with a simple #each. I get no errors in any browser console.
Fiddle is here.
I've tried adding objects to the controller in three different ways in my example, to see if that helps. I can successfully access from the console the properties of the objects by inspecting the content array, or with something like FilterMenus.MenusController.content.objectAt(2).get('menu_name'). Apparently, the data is right where it's supposed to be.
But still nothing appears in my template when I try to render out any of the properties, such as: {{menu_name}}. What am I doing wrong, please?
As stated in the other answers, you have to declare your app as a global variable (by omitting the var).
Besides that, you are not calling this._super() inside your FilterMenus.menusController's init method. This is required to setup the Ember.ArrayController correctly, so modifying the content will work.
Besides these two issues, your code looks fine. Here's a working fiddle: http://jsfiddle.net/pangratz666/HPkHt/.
It seems like Ember's big problem with your code is that your Application is defined as a var so it can't be accessed from the template. Removing the var keyword helped.
For some reason though, that wasn't quite enough and I had to add a
this.set('content', []);
as the first line of your init function to get it to work. I've never had to do this before so I'm not sure if it's jsFiddle doing something. If anyone has some light to shed on this, I'd be keen to hear it.
Try the following:
Remove "var" from FilterMenus declaration:
FilterMenus = Em.Application.create();
Change the implementation of menusController.addMenu to be:
addMenu: function(menu) {
this.content.push(menu);
},
This got me the two menu names to show up after "Select Country" and the explanatory paragraph:
countries
countries2
Ember didn't seem to know what this.pushObject(menu); was. Pushing directly to the controller's content array will always work, though.
When I click on "Recommend" the window which button opens is hidden (unvisible) behind the footer.
Actually I've got screenshot to explain it precisely: http://www.diigo.com/item/image/1q1ia/tw30
Of course it's XFBML, because I know problem like this can be found when iframe. Any idea how to fix it?
My weblog address is http://www.votre-site-internet.com/ if you want to check it out by yourself.
Thank you in advance,
Piotr Sochalewski
If you are using FBML, I would look into your CSS z-indexes. I would suggest bumping up the z-index where the like button is.
Is anyone using MGSplitViewController inside a UITabBar?
My objective is basically to use UISplitViewController inside a UITabBar. UISplitViewController doesn't work well inside a UITabBar. Specifically, UISplitViewController splits apart when device orientation changes.
Since UISplitViewController didn't work for me, i turned to MGSplitViewController. And now it seems that it's not a workable solution to be used with UITabBar either. Im running into all sorts of problems. Mainly the following:
I have a tab-bar with 3-4 tabs. Each one contains a MGSplitViewController. In general, the MGSplitViewController contains a Master (UINavigationController) and a Detail (UIViewController). When i rotate the device, the content (UITableViewCell) inside the UITableView is misaligned/disturbed. Scrolling the UITableView to show new cells fixes the misalignment. The Master has a Navigation bar and a search bar, and orientation change doesn't affect them. Any solution?
MGSplitViewController is great! But it's not being maintained.
I ended up using IntelligentSplitViewController (github.com/grgcombs/IntelligentSplitViewController). Worked for me!