I have a Wizard widget that I'm loading via async into a ContentPane. The first WizardPane shows up once it's loaded, but the buttons along the bottom do not.
Oddly, when I inspect the DOM for my page, the entries for the button regions are there. They highlight the corresponding areas for buttons when I hover over them. There's just nothing there!
This is happening on both Chrome and Firefox.
Any ideas as to what might be going on here? Is there a trick to loading dojo widgets async that I might be missing?
You're simply missing the Wizard CSS. Add the following CSS
http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojox/widget/Wizard/Wizard.css (or locally if you're loading Dojo locally).
http://jsfiddle.net/kfranqueiro/gLXHr/ updated and works
Related
I saw similar problems to my problem, but I have not seen useful solutions for my issue.
Situation:
When I play a video file within firefox, I can see current state of html-markup (F12) because of that I can trigger some funtions in my php behat/mink code.
The same situation occurs in IE, and I dont see current state of my markup-code and I can´t trigger my test-functions.
Example:
Firefox opens modal dialog and it appears by markup (F12) css class "open window"
IE opens modal dialog and it not appears by markup (F12) css clas "open window"
How can I detect current markup state in IE, when I can look only at markup?
UPDATE
Here is my code. I just looking for one css-selector, but it does not working
on IE10
$node = $this->getSession()->getPage()->find('css', $css_selector);
Problem beginns by IE10:
When i press F12 within IE10, i will see developertools.
I see within "HTML-section" current state of html-markup.
I click on icon and modal dialog appears.
Actually my html-markup changes after that. Some css classes come additionaly to video-tag.
I have to click by developertools on "refresh"-Button or F5 to see
currently markup-state, which contains modal-dialog.
To achieve same effekt whithin behat, i use:
$this->getSession()->reload();
That does not work. Behat can not find new css classes, which referes on modal-dialog.
Please look on picture:
I hope, it is clear now, what i mean :)
As i understood, for IE the class that you are using in the validation is not added and you are not able to check that the modal is opened.
As an alternative you could use alternative methods to verify that the modal is opened and to avoid cross-browser issues like this.
I think is better to work with what you already have without reloading or doing any actions that could lead to extra code that could affect other browser or could affect the stability of the scenario.
One way of doing this is to check that the modal is visible using isVisible() method.
So I am having this issue with using Google VR reticle where I cannot click a button. I have an image attached showing the heirarchy and the PlayButton is what I am trying to click. The Canvas has a Graphic Raycaster, the button has an Event Trigger that calls the method to navigate to the next scene. The UpScrollPanel, and DownScrollPanel work just fine. The EventSystem has the Gaze Input Module, as well as Event System, and Touch Input Module.
Any ideas on how to get this working? I have watched a few videos from NurFACEGAMES and while they helped a little, I haven't gotten the click to work yet.
Oh, and I am using Unity 5.3.4f
Sometimes things can get in the way of the button, make sure that no other UI elements overlap it, for example text borders (which are actually larger than they appear). You can also fix this by moving the button up the hierarchy among its siblings, I believe the first child is top.
Also try moving the button up the hierarchy if possible, sometimes UI having certain parents makes them not work
The canvas object should have a graphic raycaster
I found the issue to be unrelated to anything I thought it was. The menu I was using is a prefab I also use in another view that isn't VR. The scrollrect was loading that prefab, instead of the modified one I was using in the VR menu, and therefore the triggers I had added to the button were no being used when the app loaded.
I have a bug that I experience only in IE. I would like to inspect DOM by using IE developers toolbar, but unfortunately cannot seem to do it as complete DOM is generated dynamically. Does anybody have an idea how to overcome this problem?
There is a reload button in the toolbar to the right of the floppy disc icon. Hitting this also works.
Once that div is generated dynamically, then inspect it. Answered it as it seemed to work for you... :)
once page is completely loaded then click F12, after that reload page again and then on developer toolbar click REFRESH button which is available to exactly next to save button in developer tool bar. After that click the arrow for inspect element.
Alternatively, make sure Inspector pane is active then hit F5 key.
I know it's possible to save as... and look at the html file and see all the classes generated by javascript, but I would love to know if there's a firefox (or other browser) add-on which will show me page source with the javascript generated classes.
Working with jQuery mobile and trying to carefully modify all the CSS it generates is tough without it. Thanks.
Try Firebug. It's a line-level javascript debugger for firefox. It will show you all of your script code and even let you step debug it.
To view generated mark-up, use the element inspector (the blue "box & arrow" icon in the top left of the firebug toolbar). The element inspector allows you to hover over elements on your page and view its markup.
Try "View Source Selection".
Right click page and Select All and right click again to View Selection Source to view the source that a script generated, in FF. (at least in v.3.?)
I have a fullcalendar that is loaded in a div in a webpage. when the page loads, it has all its buttons but there are no grid to display the days, its just no space.
however, if i click next/prev or any of the buttons the calendar is show properly.
ive tried to spesificly load today:
$('#userboxCalendar').fullCalendar('today');
but it does not work :( any idea?
Your javascript is loading before the css script.... try moving your script to the bottom of the page and css load to the top... or make it inline on the page.... also if you are using ajax to load the div you could use the callback done loading to re-render as stated here and above. http://arshaw.com/fullcalendar/docs/display/render/
I loaded one in colorbox... and used the colorbox done loading and it works great... also works when loading google maps... map.render or something like that...
i can't say why it is happening (might be due to dynamically changing the dom or css) but you can force the calendar to render with this method:
http://arshaw.com/fullcalendar/docs/display/render/