iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hello,
I'm interested in displaying a simple hover menu (as a div/asp:panel) over cells in a TemplateColumn to display multiple hyperlinks for further navigation. Has anyone ever done this before with the WebGrid, and if so, is there any advice as to the approach to take?
I've tried using the AjaxHoverMenuExtender, but anytime I add a panel to the celltemplate during the InitializeRow event, I end up with an empty grid. Simply adding a literal, label, or a hyperlink control seems to work, but I can't embed a dynamic panel nor the AjaxExtender.
Is there a way to implement a hover menu when a user mouses over the contents of a specific cell?
Thanks,
Cameron
Hi Cameron,We've never met the scenario like this before. Could you please describe me more detail about your scenario ? Did you mean that you have control in a cellTemplate, and then if you hover to that control/cellTemplate, it will display a multiple hyperlink that you can choose ? If yes, please let me know what control that you use in cellTemplate.
Regards.Riendy
Hi Riendy,
The first thing I tried to do was create a cell template that contained an AjaxHoverMenuExtender, a Hyperlink (ie. "hLink1"), and a Panel (ie "Pnl1"). Inside of the panel, I add a dynamic number of hyperlinks as necessary for each cell. Witht he AjaxHoverMenuExtender, I set the TargetControlID = "hLink1" and I set the PopupControlID = "pnl1". If you do this anywhere outside the WebGrid, it will work perfectly. However, when I add a Panel to the cell, I end up with nothing. I'm attaching an image of what I would like to accomplish.
I'm in the process of trying to do this with JavaScript outside of the AjaxToolkit, but I'm still running into issues.
Hello Cameron,
When you use a control inside cellTemplate, the ID of a control would be changed, so you are unable to call the ID which you created before. That is why your WebGrid work perfectly when you set the panel outside the WebGrid, because you are able to call the current ID. But when you did the same way inside the cellTemplate, it won't work as well as outside WebGrid because you're not calling a right ID.
If you want to check the ID whether it is change or not, please take a look at the view page source on your browser.
To solve this problem, you should call a similar ID. I suggest you to use findControl method to set the ID inside the cellTemplate.
Hope this helps.Riendy
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname