I have several asp:panels on a webform page which is used together with an ajax modalpopupextender.
On page load the panels are visible for a small fraction of time (depending on how fast the page loads). What's the quick and easy solution for hiding these on page load, so that they will only be visible when the modalpopupextender triggers them?
I've experienced with setting the visible="false", but that has some strange impact on the other elements on the webform.
Setting the css display:none to the panel would work, if I somehow could remove this setting when the modalpopupextender fires.
Setting the style="display: none;" to the panel solved my issue :)
Related
I have created a form which has several dropdown fields in it.
In my specific case, the same form can be opened in two browsers.
If I edit the form in e.g. Chrome, and reload it in Firefox, all of the values are visible except for the ones which were set for dropdowns.
I've read that the autocomplete="off" attribute should be set to disable caching in Firefox, but unfortunately, that hasn't worked in my case. I've also tried adding the xxf:autocomplete="off" in the form definition, but without any luck.
Is there a known bug for this issue or maybe a solution?
Thanks in advance.
Is there a "right" way to delete panels that I will no longer use from a mobile app that uses Intel's App Framework UI? Or it is enough to delete the panel divs from the DOM? I want to do this because the main page is turning big, making the app run slower, and maybe I can free some resources by doing that.
Just removing the .panel DIVs from the DOM should be OK using $().remove().
Just make sure that there is no href reference to the .panel.
You may also want to do $.ui.clearHistory() so that all back navigation is cleared.
I was doing the standard CakePHP blog tutorial (using 2.4 beta since it'll be out of beta by the time I make a real site)
On the add form I'm seeing rendering issues, is this a bug or something I've done:-
The validation popup on the second field is messed up, resizable gap above it a bit like the multi line text input its attached to the validator on the first text box is fine
See the drag handle (top right of the popup)
http://snag.gy/U7tKQ.jpg
And you can drag it
http://snag.gy/087fr.jpg
it seems to be connected to the fact the popup is on a field that is resizable
That's chrome's default behavior
The framework used to generate the form won't affect the appearance of that kind of message. Chrome's default behavior (or simply, behavior - don't think it can be modified) for any input with required="required" is to prevent submitting the form if the input is empty with a hint of Please fill in this field (or similar). This is one of the many features introduced in html5 capable browsers.
js interference?
The mentioned drag handles on the hint popup are not normal - that is likely caused by some javascript or a browser extension.
Go there http://diveintohtml5.info/forms.html and scroll down to form validation.
This is HTML5 built in form validation for the browser you're using, inspect the input element. Honestly I'm not sure if you can style them different but to me it looks like the browser is doing this by adding some markup and CSS to the DOM tree that might conflict with whatever else you have there. I personally haven't had the case before.
Knowing your markup and CSS might help by the way.
I have a project with a very standard layout so I suspect this is a common problem:
<body>
HEADER-CONTAINER DIV - includes superfish jQuery menu plugin but am open to other menu options if necessary.
CONTENT-CONTAINER DIV - depending on the page, contains several other jQuery plugins, HTML, javaScript, etc.
FOOTER-CONTAINER DIV
</body>
I'm looking for a elegant and well performing way to have a superfish menu click load the CONTENT-CONTAINER DIV with new content. The content contains both HTML and javaScript. I also want the solution to change the URL so if someone returns later to /my/page it will reload to the correct location (similar my understanding of Backbone.Router).
Any suggestions? If possible, please provide a link to a page loading into a div example and running any javaScript included in the load.
Superfish or not this is not really a problem. Whenever you add html to the page the browser will execute any javascript or load any javascript file this new html snippet will contain.
So when you click on your menu, you load (or generate) new html and replace your content div with this new content, the browser will execute the scripts.
You will have to rebind all events on that newly inserted content because jQuery will loose track of that.
I searched around and found the a decent example that shows how to take any #url and reload a div. Example found at http://thomasdavis.github.com/examples/restful-app/
I am experiencing strange issue with scrolling, After doing some ajax operations on a webpage, which dynamically add & remove contents from the page. Mouse scrolling hangs up (mouse scoll events doesn't work) and pressing UP ARROW key from keyboard solves the problem.
I wonder is there any known issue like that for chrome?
Edit:
I don't have any js errors on the page, I am simply adding contents to div block dynamically
<div id="ContentArea">
<!-- load contents here -->
</div
<script>
loadHtml('/my/target/page', 'ContentArea');
// this contents may vary in size
</script>
Edit:
Similar thing happened to me on StackOverflow when i clicked load (n) new answers while answering some question. (some days ago)
I had similar issues and got them fixed by scrolling to the top/left corner before replacing the content. Just add the following line before you replace anything:
window.scrollTo(0, 0);
I've tested it only with Chromium 9.0.594.0 (67311) on Mac, but I think chances are good that this will work with on other platforms as well.
I've had strange problems with Chrome and scrolling, then I uninstalled the SmoothScroll extension and everything worked.
Try disabling all of your extensions and see if the problem persists (note: disabling does not uninstall them but will help you identify if an extension is causing the problem):
Menu button -> Tools -> Extensions
Then click the Disable link on all of them (and you may want to restart Chrome for good measure)