I have a custom gridview which is populated using a 3 tier architecture. Please can someone show me how I can use a jquery lightbox in my gridview to add/edit records. How can I implement this using my DAL and BLL.this seems like the most user friendly method of adding/editing to me. What do you guys think?
View 12 Replies
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[Code]....
[Code]....
[Code]....
I'm trying to use jquery lightbox functionallity when a user clicks on a button in my View, to give a friendly message "Please wait whilst we generate your data etc" whilst the second view that contains a lot of data is being generated. I was hoping to have the friendly message stay on the screen until the second View is ready to be displayed. At the moment the form submit button fires the popup but the button itself is not getting clicked, only the surrounding anchor tag:
<a id="inline" href="#data"> <input type="submit" value="Submit" /></a>
I want to know how to show A jquery lightbox modal from a link placed inside the listview. My Code Is As Follows.
[Code]....
I am using server side code to assign image to the image control.
And some javascripts to assign the href of anchor tag.
The Problem which I am facing Currently is as follows:-
If I am clicking on the image of 1st row then the jquery light box modal is working perfectly but when i am clicking on the image of other rows then its not working.
What I think, when the listview tries to repeat the rows the id of that anchor tag & image control is getting changed and the javascript which I am usiong to assign the href attribute of anchor tag, cannot find an id for that same anchor tag and the image control.
I have been trying to implement the following jquery lightbox sample in master pages [URL]. I can not get this to work. I keep getting property not valid error. I can get it to work in a web page, which is not part of a master page.
View 1 RepliesI'm wondering if you can use a lightbox with aspx pages? For my project, i'm trying to make some kind of search tool in that lightbox. On my default page , you have a img link that opens a lightbox (with an aspx page) In that lightbox, when you click a button (asp button), the page renders like a normal full browser page with the same content. The page should stay in that lightbox and rendering the results in a listbox. Is this possible? Or is this the wrong way?
View 2 RepliesCurrently I have a small form that uses a asp:linkbutton to submit and send out an email. I want to instead display a lightbox saying "Thank you for your submission" when the user clicks the form rather than a full post back.
View 1 Repliesi have a page with update panel and in that update panel i use 2 dropdownlist that bind one from another and 1 image, in that image display as a lightbox with the click event of the text. first time its open well but after the selected index change event of dropdown another dropdown will change the content and then that that lightbox of the text will not open
View 2 RepliesI am facing problem with Jquery Conflict with lightbox prototype.js in ie7 and ie8. The lightbox popup does't show up in ie7 and ie8.I have used jquery.noconflict. It works well for all browsers except ie7 and ie8.
View 2 RepliesI am trying to integrate a JQuery script to have a video lightbox (with a youtube video) inside an asp.net updatepanel that does a postback before the lightbox is loaded. The code is perfectly working if it is put outside the updatepanel Bascically in my aspx page I have an updatepanel with two panels, one of them is initially not visible and it contains the ligthbox :
[Code]....
I have a button inside the updatepanel that if pressed makes the pnlVideoLightbox visible. Then I just click on the thumbnail that should fire the lightbox but the browser redirects to the youtube website instead of firing the JQuery code.
i want a lightbox for image that it load images from database.
View 1 RepliesI am using master page and content page approach. i could mange to show image from folder in listview whose Url are saved in my Database.the code i use:
[Code]....
I trying to use the appraoch which is shown in the link.http://codeasp.net/blogs/raghav_khunger/microsoft-net/1289/use-lightbox-to-show-images-whose-paths-are-stored-in-databasebut i failed to do.Can anybody guide me how to impelment lightbox in above example with my listview code i am using.
i want to use jquery lightbox but i want to read image from database.i save image path in database and i want to read them.every lightbox that i find use from static image.
View 3 RepliesI've a problem of losing data when I need to edit my row in the Gridview.
I've two columns and one of them, a templatefield, shows data in html format. So I use a literal control and everything works fine. At the RowEditing event, my literal turns into a FCKEditor but I lose my data.
This is what I wrote into the RowEditing event:
VB Code:
[code]....
Some specifications:this code works greatly in other case where I have the boundfield which is converted in textbox. Riempigriglia is a custom procedure of Grid databind.
I have been given a requirement to take an existing stand-alone web-form (i.e. uses postbacks) and throw it into a lightbox. The standalone web-form already has save and cancel buttons that have predefined behaviors. For example, the Save button attempts to save the form, and either displays validation errors, or if the operation was successful, redirects to some other page in the app. However, in the context of this new "lightbox mode", the Save button should additionally close the lightbox if the operation was successful. I see two options:
Option 1-->UpdatePanel + ModalDialogExtender:a. Extract a UserControl out of the standalone web-form that includes everything but save/cancel buttonsb. Introduce Save and Cancel EventHandlers on said UserControl
c. Use this UserControl on both the standalone and lightbox versions of the page, and wire up the events appropriatelyOption 2-->Client side lightbox (i.e. jQuery)I'm a big fan of jQuery and tend to favor its use for Ajax functionality b/c of the level of control it gives me. On the other had, I also want the simplest solution that will possibly work. Assuming that option 2 is that option,
I would like to have your opinion on how how i should do this. I would like to run a search and show the result on the grid view from my database.The search have many criteria , means user can search by first name and last name and amount ...Then i would like the user to be able to be able to edit and delete the records.And finally i would like to show a row showing the sum of some fields.
View 25 Replieswhen i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[code]....
[Code]....
Implementing the listview control with delete link and lightbox?
I have a gridview control on .aspx page. Situation is, the columns in the gridview control are not databound. I query the database and load the gridview control using the following code.
GridViewstockcalc.Visible = true;
GridViewstockcalc.DataSource = dataSetstockcap.Tables[0];
GridViewstockcalc.DataBind();
The gridview control shows about 13 columns from the database. But we want the user to be able to edit only one column. Rest of the 12 columsn should be read only. When the clicks one Edit button button, as usual the Update and Cancel buttons should come up. It is not happening. Only the _Rowediting event is getting trigged. Following is the code from my .aspx page. I don't know anything about template columns and not sure if I have to use that concept in my situation.
<asp:GridView ID="GridViewstockcalc" runat="server"
HeaderStyle-BackColor="#444444"
HeaderStyle-ForeColor="White"
onrowcommand="GridViewstockcalc_RowCommand" Height="150px"
Font-Size="Small" onrowediting="GridViewstockcalc_RowEditing"
onrowupdating="GridViewstockcalc_RowUpdating">
<Columns>
<asp:CommandField ShowEditButton="true" ShowCancelButton="true" />
<asp:TemplateField HeaderText="ticker">
<ItemTemplate>
<%# Eval("ticker")%>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox runat="server" ID="txtticker" Text='<%# Eval("ticker")%>' />
</EditItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="fhlb_ID" HeaderText="ticker" ReadOnly="true" />
</Columns>
when i click the picture that is displayed in the detailsView ImageField, the jquery lightbox pops up, but does not show the picture. it shows a red x in the middle of the lightbox. the same thing happens with the asp:Image control shown in the code below. The picture is stored in a SQL database Image datatype. Using master pages.
[Code]....
[Code]....
[Code]....
in my Project there is Asp.net GridView ( that putted into a update panel).i did open Gridview In Jquery Ui Dialog.Is there any way exist to edit a specific column grid View cells in microwave on mouse over on that cell?for example displaying a div on that position and doing an action.
View 1 Replies i have three text n=box to enter the value of gridview this is work perfectly .
know i make gridview edit able ..when i click a row it should be make edit able using jquery
jquery functin
<script type="text/javascript">
$('#<%=GridView1.ClientID %>').delegate('tr', 'click', function () {
$('#<%=GridView1.ClientID %> tr').not(this).EditClass('selectedRow');
$(this).toggleClass('selectedRow');
});
</script>
but it cannot work i am using jquery
I have a gridview that I can't for the life of me get the datepicker calender to pop up for. I've been using the datepicker for months very successfully for a variety of textboxes on the page and inside of formviews but this is the first time I've tried using with gridview. I didn't expect any issues however can't seem to find anything to work. I have searched the forums for 2 days and attempted any suggestions found within the solutions to no avail. I've tried using the CSS to link the datepicker but everything stopped working when I changed the code and my page which uses a css style already got all distorted looking.Here is my gridview (only included a part b/c it is large and am only having problem with the datepicker for the date completed text box)
[Code]....
Here are my scripts at the bottom of my page...the problem one is the "txtActual_date_completed". Please note that I am using 2 other datepickers on this page in fiter criteria for my gridview and they are working just fine.
[Code]....
I have read a lot of post and seen some solutions to this; however, nothing seems to work for me. I have a gridview inside an update panel and when the user clicks on the edit link the row goes into edit mode. when the user clicks into the text box specified for the date nothing happens. here is what my JS looks like and the gridview row i am working with. i have tried the CSS selector and the ID selector with no luck......I also have a date picker working great on my page, but it is not inside a gridview or an update panel....
<script type="text/javascript">
$(document).ready(function () {
$(".show").datepicker({ dateFormat: 'yy-mm-dd', showOtherMonths: true });
[code]...
With reference [URL] .....
I learn how to submit via Jquery ajax
How to edit and delete table rows dynamically using jQuery...
