Web Forms :: Displaying Images Based On Dropdownlist Values?
Jan 21, 2011I have a dynamically created dropdownbox and image.. I want the result such
View 7 RepliesI have a dynamically created dropdownbox and image.. I want the result such
View 7 RepliesI have used jquery DropdownList with Images using [URL] in my asp.net webpage..problem is , im using flag images with flag name and my flag images are 64x64.. which is fine in dropDown Selection list, but when a list item is selected , i see only half flag... in short i need to set height of this dropdown.
View 1 Repliesin my dropdownlist i added categrory from database. now i need to display image and text as per dropdownlist selection using jquery
View 1 RepliesI'm new to web dev and c# so please bare with me. I am trying to create a dynamic gridview in a web form for users to to answer questions with (code below).
The dificulty im having is that i am nesting a dropdwonlist in the gridview and want to be able to dynamically set the list values based on parameters (of the row they are on). These values are in the main dataset for the gridview as each row represents a questionid and question text and then a ddl for the criteria...
I just don't know how to set the values for the dropdown all the code so far is below... just need to be able to populate the dropdowns with the relevant values.
I have created a stored proc to return the different criteria based on the questionid and questionGroupid which is the dataset that populates the other fields in the gridview: dbo.usp_QuestionCriteria @QuestionGroupId, @QuestionId
I have added this as a tableadapter called criteriaTableAdapter in a xsd file as well using the wizard... not sure if this is the right option though or just use the same method as i have for the other stored procedure as in the code below:
[CODE
]using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["Sql"].ConnectionString);
con.Open();
SqlCommand com = new SqlCommand("usp_QuestionGroupDS", con);
com.CommandType = CommandType.StoredProcedure;
SqlDataAdapter ada = new SqlDataAdapter(com);
DataSet ds = new DataSet();
ada.Fill(ds);
for (int i = 0; i < ds.Tables.Count; i++)
{
if (ds.Tables[i].Rows.Count > 0)
{
GridView gvDynamicQuestion = new GridView();
gvDynamicQuestion.Width = Unit.Pixel(700);
gvDynamicQuestion.BorderWidth = Unit.Pixel(0);
gvDynamicQuestion.Caption = "<div id="nifty" class="QuestionGroup"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>" + ds.Tables[i].Rows[0]["Category"].ToString() + " Questions<b class="rbottom"><b
class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b></div>";
gvDynamicQuestion.AutoGenerateColumns = false;
gvDynamicQuestion.ShowFooter = true;
TemplateField tf = null;
tf = new TemplateField();
tf.HeaderTemplate = new DynamicGridViewTextTemplate("QuestionId", DataControlRowType.Header);
tf.ItemTemplate = new DynamicGridViewTextTemplate("QuestionId", DataControlRowType.DataRow);
tf.FooterTemplate = new DynamicGridViewTextTemplate(DataControlRowType.Footer, ds.Tables[i].Rows.Count);
gvDynamicQuestion.Columns.Add(tf);
tf = new TemplateField();
tf.HeaderTemplate = new DynamicGridViewTextTemplate("Question", DataControlRowType.Header);
tf.ItemTemplate = new DynamicGridViewTextTemplate("Question", DataControlRowType.DataRow);
gvDynamicQuestion.Columns.Add(tf);
tf = new TemplateField();
tf.HeaderText = "Criteria";
tf.HeaderTemplate = new DynamicGridViewTextTemplate("Criteria", DataControlRowType.Header);
tf.ItemTemplate = new DynamicGridViewDDLTemplate();
gvDynamicQuestion.Columns.Add(tf);
////tf = new TemplateField();
////tf.HeaderText = "Criteria";
////tf.ItemTemplate = new DynamicGridViewDDLTemplate();
////gvDynamicQuestion.Columns.Add(tf);
gvDynamicQuestion.DataSource = ds.Tables[i];
gvDynamicQuestion.DataBind();
phDynamicGridHolder.Controls.Add(gvDynamicQuestion);
}
}
}
protected void DynamicGrid_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Footer)
{
//
}
}
}
public class DynamicGridViewTextTemplate : ITemplate
{
string _ColName;
DataControlRowType _rowType;
int _Count;
public DynamicGridViewTextTemplate(string ColName, DataControlRowType RowType)
{
_ColName = ColName;
_rowType = RowType;
}
public DynamicGridViewTextTemplate(DataControlRowType RowType, int QuestionCount)
{
_rowType = RowType;
_Count = QuestionCount;
}
public void InstantiateIn(System.Web.UI.Control container)
{
switch (_rowType)
{
case DataControlRowType.Header:
Literal lc = new Literal();
lc.Text = "<b>" + _ColName + "</b>";
container.Controls.Add(lc);
break;
case DataControlRowType.DataRow:
Label lbl = new Label();
lbl.DataBinding += new EventHandler(this.lbl_DataBind);
container.Controls.Add(lbl);
break;
case DataControlRowType.Footer:
Literal flc = new Literal();
flc.Text = "<b>Total No of Questions:" + _Count + "</b>";
container.Controls.Add(flc);
break;
default:
break;
}
}
private void lbl_DataBind(Object sender, EventArgs e)
{
Label lbl = (Label)sender;
GridViewRow row = (GridViewRow)lbl.NamingContainer;
lbl.Text =DataBinder.Eval(row.DataItem, _ColName).ToString();
}
}
public class DynamicGridViewDDLTemplate : ITemplate
{
// Implementation of ITemplate
public void InstantiateIn(System.Web.UI.Control container)
{
// Create a DDL
DropDownList ddl = new DropDownList();
//Attach method to delegate
ddl.DataBinding += new System.EventHandler(this.ddl_DataBind);
container.Controls.Add(ddl);
}
//Method that responds to the DataBinding event
private void ddl_DataBind(object sender, System.EventArgs e)
{
//DropDownList ddl = (DropDownList)sender;
//DataGridItem container = (DataGridItem)ddl.NamingContainer;
//ddl.Data.Checked = [Data binding expression];
}
}
[/CODE]
I have several pages linked together that I want to maintain drop down selections for. I've seen a number of ways to do this with session values, etc, but I want to set the default value while still having the option of selecting other values.
Effectively, users will make selections on page 1 and then on page 2 they will use those same selections, but also potentially want to change their selections. My thought was that I could load the selections into a table in SQL in page 1 and then in page 2 call that table and set the values as variables. My question, then, is how I would set the default dropdown value to be a variable as opposed to a set value.
I am using VisualStudio2010 with ASP Webforms using C#.
I have one drodownlist which show data based om textbox values...
Let us consider i have Select Name from table1 where Type IN(@typ) here @typ is textbox values here for example textbox will have some thing like this L1,L2,L3.. How to filter Name based and shown in drodownlist based on this L1,L2,L3(on textbox)..
How can change the color of dropdownlist with based on their Text
If dropdownlist have listitem Santosh and Arati if santosh color is red if Arati color is blue when page is loading
May i know how to create the control function in asp.net to control the values ?
Based on the DB table, it active is Y then enable values in dropdownlist , if N then disable the values.
there is a radio button, a dropdownlist. radiobuttons are OY, OTY,VDA ( in my database there are fields named OY.OTY,VDA) if i select OY in my radio button the data should be displayed from field OY in dropdownlist and if i select OTY in my radio button the data should be displayed from OTY field in dropdownlist is it possible. there is a sqldatasource for dropdownlist .
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:MS16ConnectionString %>"
SelectCommand="SELECT DISTINCT OY FROM COURSE_INTAKE">
</asp:SqlDataSource>
THE SELECTED DROPDOWNLIST DATA IS REQUIRDE TO BE DISPLYED IN A GRIDVIEW.
I have created a simple ASP.NET Website in Visual Studio 2010. I have got a Default.aspx page that contains an image. When the image is located in the Images folder it displays perfectly. When I move the image to another folder, or a sub-folder of the Images folder, it still displays in the Designer, but not in Internet Explorer. In IE, it shows nothing. When I view the source in IE the image tag is there, but nothing is displayed. I navigate to the root folder of the site (which I can do on the dev Web server), go into the Images folder, then go to the image - it displays perfectly. But when I navigate to another folder, or a sub-folder in Images, and try to go to the image, it does not display. I opened the page in google chrome, opened the dev tools, and saw that the image was there, but it was 1x1 pixel and 43 bytes, which doesn't make sense because the image is 38KB.
Code of Default.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
In my web application, i need to display Images(.jpg,.tif,.png,.bmp etc.,) and also Text Files(.txt,.doc,.xml,.html etc.,) in the web page. Can you suggest me, the best way to do this? NOTE: The Web Page should be compatible with Mobiles Phones(Iphone, Android)
View 5 RepliesIn my application, in a single page i need to display small images(say some 10, i.e category wise) and if the user selects any one image then it needs to be maximized (like photo album). How I need to do this. Pls any Idea. maximized image will be displayed in the same page or another new page?
View 2 RepliesI'am developing a commercial website with asp.net 2.0 and sql server 2005, in which i want to display 5 images as a scroll according to the numbers below in which number 1 consists of first image 2 consists of second image and so on it automatically scrolls and changes
similar to the example as in website [URL]
I am trying to change the Impage at certain time interval(5 images),its working fine in my system when i launched in windows server2008-IIS7.5 it is showing only one image other 4 are not displaying, i have navigated the images in root site folder but it is showing only one image other images are not.
[Code]....
Protected Sub gettickvalue(ByVal sender As Object, ByVal e As EventArgs)
Dim RandomNumber As New Random()
Dim n As Integer = RandomNumber.[Next](1, 5)
imgBanner.ImageUrl = System.[String].Concat("/images/pcb", n.ToString(), ".jpg")
End Sub
why my images are not displaying/loading when i run ASP.net application with IP Address on server 2003.
View 4 RepliesI'am developing a commercial website with asp.net 2.0 and sql server 2005,in which i want to display 5 images as a slide according to the numbers below in which number 1 consists of first image 2 consists of second image and so on it automatically slide and changes similar to the example as in website http://embassy-travels.com/
Is there a way to display an image within a sitemap node, so that the image will display in my menu? I have a series of nodes that open external webpages, and I would like to display a small icon next to the text of that node so that a user knows that link will open a new window. I've seen this done on other sites using aspx, but can't figure out how it's done.
View 1 RepliesI've got a treeview inside an updatepanel. Currently I'm developing on a dev server through a remote connection, when I view the page from the dev server itself, it works. The expand/collapse images display fine. When I view the page from my machine's browser (same url, same browser) it doesn't display the images.
I've added custom images using the CollapseImageUrl/ExpandImageUrl properties, again it works from the server, but not from my machine. The actual rendered html differs. The page also contains some asp:Image controls which work fine in both browsers.
how to display images from a database cant cant seem to find quite what im looking for.
I have a site that allows users to upload their own photos, i would like to be able to display these images, with the discription of the photo underneath or on top of the photo, on the website and allow other users to comment on the photos.
The display can be every photo in the database, later ill impliment a search to narrow it by user later.
Right now I have my database table set up to take the img path, username that uploaded the picture, time it was uploaded, and a description of the photo.
How Can Secure and Hide Image Url from Users because it is personal for each user but now it is easy for One User to change fUser_ID (for example from Inspect Element in FireFox Browsers) and access to Other Users Profile Picture.What is the best way for User Security in asp.net ?
View 1 RepliesIs there a way to process images once uploaded to my asp.net site, to put a watermark or some text across the image to copyright the images? I would like to do this server-side if possible.The other option I have discovered here [URL] would be to store the images as they are on the server, but to manipulate the display so it appears the image is watermarked . However, this solution is in PHP. Does anyone know a good PHP to VB.NET translator?! Or does anyone have a good suggested link, idea or code? Or can I add PHP to my ASP.NET site?
View 4 RepliesI am trying to find an efficient way of displaying images (about 140x140px) in a webform. We cannot use paging, so we need to display all these images in the same webform.I noticed that facebook (and other sites) lets you display all your images in one page. For a profile qith about 1000 photos, facebook somehow downloads only enough so that the visitor can see images on the screen. Once you scroll, it seems to only download enough so that the visitor can again see something on screen. It works like a good text editor.... instead of displaying a huge file onscreen (like notepad does) and freezing, it only displays enough for the reader to see.
View 2 RepliesHow can I display photogarphs in an image control so that they are all the same size for an online catalogue without distorting the actual image.
I have taken the photos with a digital camera, loaded them in to Photoshop, cropped the image and finally resized the images to an acceptable size (while constraning proportions to avoid image distorsion).
The problem is that the images all have different height dimensions as while resizing i was able to choose the width that I wanted but as I had to constrain proportions to avoid distorsion, it caused the heights of the images to differ.
On my web form I have an image control that is set to the same width as the images but as the heights of the images differ from one and other, it is impossible for me to set a fixed height that will prevent some of the images being distorted when displayed in the image control.
I know how to store and retrieve images into the sql database. My question in how do I iterate over the retrieved images to convert to a byte[] array and bind to the image control in the datalist?
View 4 Repliesi am getting problem displaying images in list view. the pages shows only album name not any images.this is my code
<ItemTemplate>