Custom tooltip on Controls - asp.net

I wanted to use a similar tooltip as is displayed when we over the videos on this ASP.NET Ajax site.
http://www.asp.net/ajax/videos
Which control is this? Is it the animation control?
How to use a similar tootlip on my controls?

It's possibly the Popup Control from the Ajax Control Toolikit, but not necessarily. This is very simple to do with css and javascript using a hidden div element and a mouseover event.
There's some sample code you can use here: http://www.willmaster.com/blog/css/floating-layer-at-cursor-position.php

There are a lot of Jquery plug-ins that will do similar things.
Here's an example of one - http://code.drewwilson.com/entry/tiptip-jquery-plugin

Related

Loading content from server without postback

I have a div and inside that I need to show a slide of divs. On the page load there would be only 3 div slides but when all three divs are displayed on the next button press I want to load some more divs (actually I have data on a sql database, I need to get them and print on the page a slide divs) on each next button press. (Asp.net)
How do I achieve this? what's the best way? Ajax, javascript, jquery. Show me a way.
Thank you.
There could be many possiblities but you can use asp.net update panel avialable in ASP.net ajax control toolkit, it will be easy for you to integrate and you need to do very small work at your end.
The other option is using jQuery ajax it could reletively more efficent and gives you more control but it will require good javascript/ jQuery skills. This tutorial is good starting point for using jQuery ajax with asp.net.

Styling the AsyncFileUpload control

I have been trying to format the AsyncFileUpload control for a while now and i just canĀ“t figure out a way of how to do it. I tried some method that are efective when styling the common input type and the ASP.NET Web Forms FileUpload control, like setting opacity to 0 and hiding the browse button on top of some other element, but none of those techniques seem to be working effectively on the AsyncFileUpload. Does any one have some kind of method to apply some styling to this control? Thanks.
Not sure of this is what you are looking for but I hope it helps
http://www.shauninman.com/archive/2007/09/10/styling_file_inputs_with_css_and_the_dom
http://www.webresourcesdepot.com/aspnet-flash-file-uploader-with-s3-support/

Alternatives to modal popup extender in asp.net?

I have a modal pop extender that has a user control in it, I use it in several forms in a
ASP.NET 4.0 project.
I am not very happy with the js code that it produces and the mess in the markup :/
So, any worthy alternatives that can be controlled from the codebehind easily :) ?
Having been down the road of Ajax Control Toolkit, I would recommend moving on to jQuery or some other javascript framework. While I understand the desire to "control it from codebehind," because it seems easier at first, trying to wrap client-side functionality in a server-side control usually is more trouble than it's worth.
Even in the simplest case, the the amount of javascript code needed to create a modal popup in jQuery (e.g.) is less than with Ajax Control Toolkit MPE. For example, I like the jQuery plugin SimpleModal. The code to turn a div into a modal popup using SimpleModal with default options is this:
<script type="text/javascript">
function showPopup() {
$('#<%=popupDivID.ClientID %>').modal({ appendTo: '#aspnetForm' });
}
</script>
Then you can just add that function to a click event, for example. And it's about a thousand times more flexible.
If you just don't like embedding javascript in your markup files, you can still technically control this all from codebehind by using ScriptManager to register the scripts and add events to controls.
Have you looked at the Ajax Control Toolkit on CodePlex. Ajax Control Toolkit It has several very useful controls that are very easy to implement. The toolkit includes a modal popup control as well as a popup control. In the link I gave you are all the instruction on how to download and use the toolkit.
Another option if you have access to it is Telerik controls. Their Ajax controls include what they call a radWindow which also works very well. You can read about it here. The drawback to Telerik is it is quite expensive.
I have used both and they work very well.
Use jQuery Dialog UI as this would likely give you the best supported option. It supports modal behavior.

Displaying popup

I have a string in a masterpage which I have to display as a pop up in my application. Any suggestions?
You can try http://www.javascript-coder.com/window-popup/javascript-popup-window.phtml or go with Built in AJAX capabilities.
This a pretty vague question. There is a lot of possibilities.
You can do that in Javascript. I use some jQuery to do this kind of stuff, there is a lot of possibilities using jQuery
jQueryPopup
Top 10 of jQuery popups
Another top 15 for
modal popups

Any suggestions for a nice ASP.NET Ajax tooltip?

I am looking for a nice tooltip control (with delay) in ASP.NET AJAX. I know there are many nice Javascript libraries out there, but since I am already using ASP.NET AJAX, I may just as well use that.
An "oldie-but-goodie" that I have used many times for tooltips would be overlib It's quite nice, VERY flexible and can be used independent of any particular AJAX platform.
Telerik seems to have the mojo in this area, but since I assume you're looking for free...
The nicest ones appear to be jQuery plugins, like this one:
http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html
There is also this ASP.Net AJAX TooltipExtender:
http://weblogs.asp.net/cjdevos/archive/2008/03/29/asp-net-ajax-tooltipextender.aspx
I was able to make a pretty nice balloon popup using the PopupControlExtender from the ASP.Net AJAX Control Toolkit. You can specify the target control to invoke the popup, the control or div that contains the popup content, and you can also dynamically populate the content using an AJAX callback to a service method.
I recommend:
Pure JavaScript with Ajax capability:
Menucool Tooltip
ASP.NET version, with Ajax Load On Demand:
Menubasic Tooltip
If you don't need the Ajax feature, Menucool has a very easy-to-use CSS tooltip either.
One option is WZ_Tooltip. Most tooltips are basic javascript; you should not expect to find much in the way of .NET integrated tooltips, since there is not much reason to use it rather than just using a javascript.

Resources