AJAX :: What's Trick To Using A Seadragon Control Within Hovermenu Or Popup Control
Sep 23, 2010
I have teh seadragon working, but when I try to active it with a hovermenu or popupcontrol, I don't get an error, I just get everything except for the actual image. It has the background, the controls of enlarge, shrink etc, but no image.
I am using ajax hovermenu control in a Girdview for 3 items (like tool tip) and it is working but making the page load slowly and also during page load all the panels is apearing there.
I'm newbie. I'm from VietNamese.I have a little problem with my project.I used HoverMenu control to display Popup (dynamic data) when mouse over. The result be good. But, follow the pic below[img]http://forums.asp.net/tiny_mce/jscripts/tiny_mce/themes/advanced/image.htm[/img]The popup don't show all when i hover the mouse at the bottom of the screen.
When I click the button to open the modal popup it shows the popup but then continues and forces a postback causing the page to reload and the modal popup to be hidden again.Here is the markup for the control:
i have many multi line text boxes on my web form one after one. i want to block any multi line text box using modal popup extender. is it possible. i want to block in such a way modal popup will display on target input control with the same height,width and left, top of the target control. if i can do it so in this way we can block multi line text box for entering something. i know there are many way to block input control but i want to block this way.
I have implemented AutoComplete Ajax control inside EO.Web Grid Control similar to this one:
[URL]
I have this this code:
[Code]....
The good news: It is working successfully !
The bad news...
I am facing the following problem.
When the AutoComplete Ajax Control gives the Popup Box after typing few characters in the "CustomColumn" input, and if the grid row is near the bottom of the grid, the popup box will be truncated, or it will not be shown at all. This is becuase the height of the popup is bypassing the bottom edge of the EO.Web Grid Control.
I am sure this can be solved by styling AutoComplete Control. I tried to change the style, and it is now completely messed up.
How I can ensure the the AutoComplete Popup Box will be visible even if it is near the bottom of the grid ?
I'm using modal popup extender and panel with calendar in it. Click the "Next / Previous Month" closes the modal popup. How do I tell the modal popup to ignore click events in a calendar control inside the panel targeted for popup? I'm confused because when using extender before, you had to click OkButton or Cancel to close popup. I have update panel for reason. I just minimized the code for easy review.
I have an Ajax ModalPopupExtender on a page. To summarise. I have a link on a page, when I click the link the modal popup displays. On this modalpopup I've a textbox and an 'ok' and 'cancel' button. I wish to find out what was entered in the textbox when the button is clicked I try this but the value of ((TextBox)button1.Page.FindControl("theTitle")) is null.
if (((TextBox)button1.Page.FindControl("theTitle")).Text == "") void okButton_Click(object sender, EventArgs e) { try { //if i try this tt does not compile//The name 'theTitle' does not exist in the current context//if(theTitle.Text == "")//{//} Button button1 = (Button)sender; //TextBox theTitle = ((ImageButton)(e.Item.FindControl("theTitle"))); if (((TextBox)button1.Page.FindControl("theTitle")).Text == "") { } else { } } catch (Exception) { } }
public partial class AjaxUC : System.Web.UI.UserControl { private ITemplate _content = null; [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(Container))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get { return _content; } set { _content = value; } } void Page_Init() { if (_content != null) { Container container = new Container(); _content.InstantiateIn(container); divContent.Controls.Add(container); lblSearchTitle.Text = LblModalSearchText; } } protected void Page_Load(object sender, EventArgs e) { if (hdVisible.Value=="true") { modalSearch.Show(); } } } public class Container : Control, INamingContainer { internal Container() { } }} This control when used on any aspx page will popup the control placed inside the template "divContent" as modalpopup. ________________________________________________________________________ Now I am trying to convert this user control to Custom Control and my code is:-
[ParseChildren(true)] [PersistChildren(true)] public class DNAWebAjaxTool : PlaceHolder { public event EventHandler BtnModalSearchCloseClickEvent; public event EventHandler Click; private ITemplate _content = null; private HtmlInputHidden _hdVisible; private Panel _pnlModalSearchContent; private Panel _pnlModalSearch; private ModalPopupExtender _modalSearch; private Button _btn; private DivContainer divContent = new DivContainer(); private string _viewState; public DNAWebAjaxTool() { } public Panel PnlModalSearchContent { get { if (_pnlModalSearchContent == null) { _pnlModalSearchContent = new Panel(); } return _pnlModalSearchContent; } } public ModalPopupExtender ModalSearch { get { if (_modalSearch == null) { _modalSearch = new ModalPopupExtender(); } return _modalSearch; } } public string ViewState { get { return _viewState; } set { _viewState = value; } } public HtmlInputHidden HdVisible { get { if (_hdVisible == null) { _hdVisible = new HtmlInputHidden(); } return _hdVisible; } } [TemplateInstance(TemplateInstance.Single)] [TemplateContainer(typeof(DivContainer))] [PersistenceMode(PersistenceMode.InnerProperty)] public ITemplate Content { get { return _content; } set { _content = value; } } protected override void OnInit(EventArgs e) { _content.InstantiateIn(divContent); base.Controls.Add(divContent); base.OnInit(e); } protected override void OnLoad(EventArgs e) { if (HdVisible.Value == "true") { ModalSearch.Show(); } base.OnLoad(e); } void _btn_Click(object sender, EventArgs e) { BtnModalSearchCloseClickEvent(sender, e); } public virtual void Hide() { PnlModalSearchContent.Visible = false; ModalSearch.Hide(); ViewState = "false"; } public virtual void Show() { PnlModalSearchContent.Visible = true; ModalSearch.Show(); ViewState = "true"; } protected override void CreateChildControls() { base.CreateChildControls(); } protected override void Render(HtmlTextWriter writer) { if (ViewState == "true") { _modalSearch = new ModalPopupExtender(); _modalSearch.ID = "modalSearch"; _modalSearch.TargetControlID = "btnHiddenSearch"; _modalSearch.PopupControlID = "pnlModalSearch"; _modalSearch.DropShadow = false; _modalSearch.RepositionMode = AjaxControlToolkit.ModalPopupRepositionMode.RepositionOnWindowResize; _modalSearch.Drag = false; _modalSearch.BackgroundCssClass = "modalBackground"; _modalSearch.Show(); _btn = new Button(); _btn.ID = "btnHiddenSearch"; _btn.Style.Value = "display: none"; _btn.RenderControl(writer); _pnlModalSearch = new Panel(); _pnlModalSearch.ID = "pnlModalSearch"; _pnlModalSearch.CssClass = "modalPopup"; _pnlModalSearch.RenderControl(writer); PnlModalSearchContent.ID = "pnlModalSearchContent"; PnlModalSearchContent.RenderControl(writer); divContent.RenderControl(writer); _btn = new Button(); _btn.ID = "btnModalSearchClose"; _btn.Text = "Close"; _btn.CausesValidation = false; _btn.Click += new EventHandler(_btn_Click); _btn.RenderControl(writer); } } } public class DivContainer : Control, INamingContainer { internal DivContainer() { } } ________________________________________________________________________________________________ The problem I am facing is that the modalpopup extennder is not coming up as a popup.
I am converting across an old popup system from an older app into a newer one and want to take advantage of the ajax control toolkit to do all of the popups.
Unfortunately the business will require me to make the popups look like the old version (essentially just another page opened in a smaller window and showing the title bar). The problem I can see with using the ajax toolkit is that there is no "title bar" that gets included with it as its not really a new window.
I have a bunch of link buttons which I crate at runtime. Now when the user clicks the link button I generate a gridview based on the selection. I got all this to work.Now instead of showing it just like a gridview I would like to attach a popup to the link buttons I created at runtime and show them as a panel popup with the gridview in it.How do I do something like this?
I'm trying to use the AJAX PopUp control extender. If I hard code the entried of the radiobutton list, then it works, but what I'm trying to do is populate the radiobuttonlist depending on the element chosen in the first dropdown list....but this doesn't work....Why will it work if I add the items in the "rblCSTP" but if I try to populate it based on the ddlElements then it won't work?
At the bottom I have couple of buttons that call a modal popup to add new user to a grid.Now when I click on add user button it opens a modal popup. In that modal popup I have a add user control. Aslo In that add user control I have some jquery validations, autocomplete etc.Now when I open my modal popup it loads my user control in modal but none of my javascript is fired. By fired I mean if i start typing in my autocomplete textbox or even validate some fields none of my js is fired. I do have the jquery file included at the top of my user control. This page works fine if i create a simple aspx page and call my user control from there. But somehow when I call it from modal it screws up. Also even if I place a simple alert('Hello') on my user control that also does not fires (just wanted to make sure jquery is not the prob)
I am facing problem while using popup control with Grid.Following is the situation.I have a grid. in grid for each row there is an anchor tag for "Add Comment".on clicking this anchor tag a popup should apear with a textbox to add comments,two buttons - Save and Cancel and a requirefieldvalidator which will check that whether the textbox is filled or not.Now the problem is when i click on save button the requiredfield validator doesn't work.and if i go with the flow means after adding comment hitting the save button - saves my comment but popup contol doesn't get hide. it appears as it is.Can anyone please help me out in this??Can anyone tell me how to hide popup control after saving. and why required validator doesn' get fired???
Im trying to dynamically create a popup control extender for labels which are also dynamically created. the labels are one a dynamically created accordion pane. Here is a section of my Page_Init method:
[Code]....
When I run the site with this code I get the following error:Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element
I thought it might be because the target control ID changes during compilation so i tried to find the labels in the Page_InitComplete method with this:[Code]....
The expression in the FindControl argument is what the id of the label looks like when i view source in my browser after running the page.I also tried to use the popup control's DynamicControlID property, but im not sure what the DynamicServiceMethod is for.
I have a login control on a web application. I am using a modal popup extender to show a message when the login button is hit. That all works fine. The problem is, once the user hits the "OK" on the popup, it closes and then nothing happens. I tried adding javascript postback but did not help.
How to style ajax modal popup extender control just like in forums.asp.net site which when loaded displays a modal popup with close button. i dont want to show the popup every time if an user submits or cancels the popup once.
In a page there is an activex control as well as a button whose onclick opens an ajax modal popup. The problem i face is that whenever the button is clicked the ajax pop up loads behind the activex control and thus it is hidden.So I am not able to use that control at all. I have not found a proper solution to this. I tried a solution where a browser check condition was removed from the ajaxtoolkit code. but no luck. Am using Ajax toolkit version 3.0.30512.1.
I have a page where the calendar imagebutton and extendar are the first button on the page. I notice that when I hit enter on any of the fields (textboxes) that the calendar will open. How can I prevent this?
I tried setting a default button for the form, which works, but it then causes another problem in that it fires my validators when I hit enter on a field that triggers a button other than the default button. For example, I have a lookup field with a button and if I hit enter on this field the validators will flash quickly because the default button is the submit button and it's trying to submit the form.