I am experiencing a weird behavior of the polymer designer tool. When I click on the code/designer toggle button it switches to the code. Then when I switch back to the design it is gone. The Tree also only shows the default my-element element. Am I the only one who is experiencing such behavior? Is there a solution?
PS: I'm using chrome.
If you can't wait for the fix on the Polymer site, then you can clone the designer code from GitHub https://github.com/Polymer/designer and you'll find that the bug doesn't exist in that code.
Related
Each Time I'm using this console I'm struggeling with my mouse to click on the editable line.
So two question :
Is there a way of enlarging this line so it easier to click on it ?
Is there a command to navigate to it ?
The only way to enlarge it is to create a custom theme for DevTools, enable the experiment for using custom themes, and then installing your extension. That way you can get custom CSS into the top-level DevTools scope to modify things.
You may open a bug report on the chromium issue tracker against the DevTools so the team can assess the UX to see if there is anything they should modify internally.
I have a Windows Phone 8.1 Application which is being developed from past one year.
Here's how ToggleSwitch is used in the code
<ToggleSwitch IsOn="{Binding IsSplit, Mode=TwoWay}"
IsEnabled="True"
Foreground="{StaticResource PrimaryColor3Brush}"
OffContent="Off"
OnContent="On"/>
ToggleSwitch is used in a few pages. The behavior of the ToggleSwitch is buggy. The ToggleSwitch does not detect either the "drag" event or "click" event when it is done on the vertical slider of the Switch. The following image shows the arrow pointed to the part of the switch where click or drag doesn't get defected.
This is a problem on every ToggleSwitch in this application.
However when I create a fresh Windows Phone 8.1 project and add a ToggleSwitch, it works smooth as expected. So this way I was able to isolate that the problem is happening only on our current project.
So to debug this, I tried the following
I saw if we had any default styles being applied to ToggleSwitches in our app in general that modified the original behavior - No There was None
I created a fresh new page in my current app where I created only a ToggleSwitch within a Grid - No luck, the ToggleSwitch was still buggy.
I used Blend to edit a copy of the default template of the ToggleSwitch, pasted the same onto the ToggleSwitch on my page - Still, the behavior didn't get fixed.
I tried to see if any of the ancestor classes of ToggleSwitch had been applied a default different Style - No, there was none.
I've spent hours on this but I'm not sure what could be causing the ToggleSwitch to act buggy. I would highly appreciate if anyone has any idea of what could be happening or if they could share a few other things that I could try so that it might fix.
Thanks in Advance.
I've been going over Rob Dudson's I/O talk (at 27:00) and trying to use core-animated-pages with paper-tabs.
When I click the tab, I would like some respective content to be shown, with the animation.
I tried to follow Rob's approach of using the designer, but somehow I do not get the 'selected' property in the properties panel.
The polymer docs cover tabs and animated-pages separately, so I don't know how I can get them to work together.
Can someone point me in the right direction?
There is a bug in the currently deployed designer tool that prevents certain bindable attributes from being displayed in the properties pane. It has been fixed in master, so the next time the Polymer team deploys the tool, it should fix your problem.
In the meantime, you could install the tool using bower install Polymer/designer#master to get the fixed version locally.
core-animated-pages works with div tags. Then just add addEventListener to select the page.
Here is a working example (jsfiddle): Click here.
On this fiddle http://jsfiddle.net/mjmitche/qVdEy/6/, you can see that the alignment of the text inside the popover is perfect, however, when I put the exact same css/js/html on my site, the text is larger than the container!
I'm trying to figure out what is happening using firebug, but I have to move my cursor off the popover to use firebug, and then the firebug disappears. I can't figure out what settings in my code is changing the presentation. The popovers are created using Twitter Bootstrap.js (you can see the resources in the fiddle)
Nobody really answered the question "How to debug a popover" ::: Simply set the popover to open on load >> $('#element').popover('show')
What I do is kind of weird and only seems to work in Chrome, not Firebug.
The steps are:
Open the Chrome inspector in a new window
Make sure part of the inspector is overtop of the button you're
trying to activate (which is in the background window
Activate the browser window and hover over the button (this activates the popup), now hit
alt+tab (cmd+` on OSX) to switch to the inspector window.
This will not trigger the mouseOut event and leave your popup
attached to the DOM body node! Since you're already in the inspector
you can navigate to it and see the css problem.
Well after looking at the popover CSS, it seems there is no explicitly defined font-size: http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css (Just do a find on "popover" and look through the CSS)
Perhaps try adding the following CSS and tweaking it from there:
.popover, .popover h3.title, .popover .content { font-size: 14px; }
Hope that helps :)
This is the kind of thing I created my new HTML box visualizer tool for. Check it out!
HTML Box Visualizer - GitHub
open devtools of the browser, then set a breakpoint of Mouse Click. Just Click the target of popover panel and U will see the opening popover. Just debug it like other normal DOM block
Right Click (or control-click since I'm on a Mac) doesn't bring up the context menus for Solution or Projects.
For instance, in Visual Studio I would right click on a Solution to add a new project to the solution. I've looked all through the menu and can't find the add project command.
Also, how do I add a folder to a project? Again, this would be available from the right-click menu in VS, but I can't find it anywhere in MonoDevelop.
Control-click doesn't do anything for me in any part of MD. Not even in the text editor. Is there a setting to get it to behave the way I'm expecting it to?
Shouldn't these options also be available via the main menu also?
Apparently this was a known issue and has been fixed. It was a bug in the gtk+ library. Single button mice weren't supported.
https://bugzilla.novell.com/show_bug.cgi?id=359734
https://bugzilla.gnome.org/show_bug.cgi?id=346609
Still not sure why I'm seeing this bug now on my OSX 10.6.4 machine running the latest download of MonoDevelop.
Plugging in a 2-button mouse is an adequate work-around. I can right click and get the context menus I was looking for.
These features are where you would expect to find them, exactly where you said. The solution context menu contains Add > Add new project and the project context menu has Add > New folder
I'm on a macbook so I get to use the old double-finger tap, rather than CTRL+Clicking all the time. Not sure why the CTRL+Click is not working for you.
EDIT:
Control-Click anywhere in the solution explorer seems to bring up a context-sensitive context menu. Control-Click whilst solution is selected brings up the solution context menu and if a project is selected, the project context menu.
Control + click doesn't work but a two finger touch brings up the context menus on my Macbook Pro. Check your "Trackpad" settings in system preferences to see how you have secondary click setup on your mac.