I use sharepoint 2010 and I get a deformed pop up menu for Date selection. Nothing fancy here. Just a simple form to enter some data with date.
Have you seen this before? I get the same effect in Chrome/Firefox latest versions.
Thank you in advance
This is a problem with your SharePoint site's CSS (or possibly with JavaScript that affects the CSS).
That big image is a spritesheet; CSS is supposed to crop the visible region so that you only see the specific sprites that are relevant to the current control.
You can pull up the developer tools with F12 and inspect the image element and its containers to see what CSS is currently applied, as well as check for any errors in the JavaScript console.
Clear your browsers cache and reload page. Delete the datetime column and create a new.
Related
If I'm working on a java application, and I want to just edit some HTML templates, I'd like to be able to see the changes I'm making in realtime. IntelliJ gives me links to launch the page in different browsers (preview output), but this doesn't perform realtime updates, so I'm not sure what value that adds over just opening the template manually. All the documentation for the Live Edit plugin appears to be under the category of debugging javascript. Following their example doesn't appear possible as the "run" is not an option in the context menu - I assume it's only for particular types of projects.
Can anyone tell me how I can get IntelliJ to provide realtime output for html editing?
As it's clearly stated in help, Live Edit is available only during a JavaScript debugging session. You can't make it work while previewing HTML page in browser. So implementing hot reload on a server end is the only solution
Ok, so Live Edit isn't working for me because it isn't registering any changes made to the html document and therefore doesn't change the page displayed in Chrome.
Whenever I hit the update Application button manually it says:
Live Edit: Loaded resources are up to date. Nothing to update
It is doing the "Highlight current element in browser on caret change", so it is successfully connected to Chrome, but it isn't noticing any changes in the document.
Anybody got a clue? Thanks in advance.
I've made a couple small Safari extensions. For one of them, I would like to collect a set of user-entered strings (e.g., URLs or URL patterns) using a textarea in the settings screen. The only setting types offered in the documentation are one line text, check box, slider, select lists, and radio buttons. I could use a one line text field as an ugly workaround, but I'm hoping there's a better option. I've googled for hints and looked through Safari extensions in GitHub, but haven't found an example of anyone doing this yet.
Does anyone have an example of how to use a textarea for a Safari extensions setting? Is there an undocumented feature I've not been able to find? Or is there a way to trigger a custom popup window from the settings?
Thanks for any tips.
No, there is no way to build a more complex UI inside the settings dialog. What extensions typically do is add a button (checkbox, even if it's not quite the correct element) in the settings page which then launches a separate Safari page which contains the full settings UI, written in HTML.
For an example of this, install uBlock and take a look at how it launches its setting UI.
I have to login to application. But username and password text boxes available on different frame on the UI.
When i record using the IDE and exported into JAVA then same code is not working.
I am getting an error saying element is not present. This because the text box is on additional frame on the UI.
Kindly let me how to get the control of this frame and then enter the text.
Thanks,
Md Ashfaq
are you recording via ide on firefox and then running your tests on some other browser?coz sometimes diff browsers interpret it differently[I have faced issues where same webpage had iframes in firefox but not in IE].kindly check on that front.
Use The API capability to SwitchToFrame() then Look for element and interact with.
Note: You'll have to switch to any frame needed i find it efficient doing a selectDefaultFrame, try Iterating within Available frames and get handle/frame names
Can Selenium or any other automated tool check for the proper positioning of elements on a web page?
For example, when you look at OnStartups.com in IE 6, the main content that is supposed to be to the right of the menu is below it instead and you have to scroll down to read it. Can you query and get the coordinates of the div as they are actually displayed, and can you get the coordinates of the viewport to verify that the top left corner is actually within the viewable area?
I think comparing screenshots is the best thing you can do and I'm afraid there aren't robust tools for that, yet.
If I were you, I would create a script that navigates through every page of the site capturing a picture on each and then I would open a folder with all the results and it would probably take less than a minutes to check 20 or 30 of them. Sounds really dumb, but sometimes the easier alternative ends up being the best...
I'm afraid the best you could do is select a standard browser and than compare screenshots of other browser with the reference one.
I can't remember the specific one but some tool like Araxis merge was able to compare screenshots in a pretty intelligent way.
Selenium has assertions to check an element's position and size:
assertElementHeight(locator,pattern)
assertElementWidth(locator,pattern)
assertElementPositionLeft(locator,pattern)
assertElementPositionTop(locator,pattern)
A simple test to check the rendering in the OPs example could be to write
assertElementPositionTop(//*[#id='main_content'],0)
thus checking whether #main_content is rendered at the top or somewhere else.