How can I change Datalist.RepeatColumns property based on javascript screen.width?
For example, if the client's screen.width is less than 1024, then Datalist.RepeatColumns equals 4. Else, set to 5.
In my webform I have a datalist that displays images that are approximately 200px each. The datalist is set to RepeatColumns = 5, RepeatDirection = Horizontal (display 5 images per row). With the padding and spacing, each datalist row takes up about 1200px in width.
The problem is that if a user with a 1024x768 or 800x600 resolution visits the page, he'll see the horizontal scrollbars. It's not really a problem, but, well...
Is there any way I can call a javascript function in page_load that will get the screen dimensions, and send that javascript result to my serverside so that I can change Datalist.RepeatColumns?
My javascript function would probably use screen.width and screen.height, but how do I send those values to my codebehind?
I want to know is this possible that we can set the RepeatColumns value at run time on Data Bound Event.
I am trying but it's showing default 4 only.
I want to changed the RepeatColumns for every row different. is this possible .
[Code]....
I am displaying image on page load event. I have difrent sizes image i want to get screen.width and screen.height values by javascript on page load event and then using to get particular size's image on page load event in asp.net with c#.
If browser not support javascript then default size will display.
I have a datalist repeating its columns horizontally. I would like the datalist to continue to do this until it reaches maximum 500px in width then I would like the datalist to continue on the next row. Is this possible?
I know I can set RepeatColumns but since my columns vary in width it's hard to estimate. I also thought about setting each column to a fixed width like 100px but then I would get lots of whitespace if the columns content is only 30px.
i m using the datalist image disply. i want to disply "enlarge" image on clicking the image by using java script.
View 4 Repliesi have a datalist in my aspx like this:
<asp:DataList
ID="dlSubs"
runat="server"
CellPadding="0"
CellSpacing="5"
RepeatDirection="Vertical">...</asp:Datalist>
when i do this in the code-behind:
this.dlSubs.DataSource = dtCat; // dtCat is a datatable with about 13 rows
this.dlSubs.DataBind();
everything gets rendered in one column (vertical) but i want two colums... so i do this:
DataTable dtCat = shop.DAL.ArtikelenDB.GetLeftMenu(Convert.ToInt32(Request.QueryString.Get("catg")));
double tmpDouble = (double)dtCat.Rows.Count / 2.0;
double repRow = Math.Ceiling(tmpDouble);
dlSubs.RepeatColumns = Convert.ToInt32(repRow);
dlSubs.RepeatDirection = RepeatDirection.Vertical; // also tried without this line...
this.dlSubs.DataSource = dtCat;
this.dlSubs.DataBind();
but when i do the above. it gets rendered horizontally... how is that possible?
I just wanted to know if there is any way to dynamically set the width of a column inside a table within a datalist based on the length of the text fetched from the database.I am inserting my code.
[Code]....
i hav a datalist that is containing a <img>(Image)..how can i bind width height to image from databse
View 8 RepliesI now that I can just define the width and height of a page with the div tag to allow for dragpanels to work, but it messes things up with some browsers when rendering, sometimes shrinking the actual content to allow for the complete page and width to be shown such as on the IPAD. I have tried the Javascript below, but it doesn't work, and whenever I try to resize a page manually, it puts my computer into never never land.
Anyone have a clean Javascript that will change the width and height dynamically as I am moving a dragpanel.
I can move the dragpanel, but it snaps back as soon as I let go so in essense it doesn't work.
[Code]....
I would just simply like to change the size of an image or panel when hovering over it. What is the simplest way to accomplish tha?
View 1 RepliesI have a gridview that was quite easy to setup and pull all the reqested database info from an object data source in my BLL. However for the life of me I cannot get any of the columns to change there widths. If I change the columns footer, header, and item style to something around 50px or as large as 5000px it will not change whatsoever. The gridview width as a whole is left blank. Currently I have a phone number column that is the default column size that is overflowing the entire grid. Is there some trick to adjusting column widths in a gridview? It should be as simple as going to the smart tag, editing columns, and changing each ones style to the width I want?
View 4 RepliesI've been working with this tutorial:
[URL]
It's basically how to create an editable gridview.
I've got it up and working, but I need to change the width/height of the textboxes when the gridview is in edit mode.
The problem is, when the textboxes are rendered, they don't have ID's so I can't use FindControl to modify the textboxes.
Adding textboxes in the template items just created an independant - textbox that doesn't do anything.
My question is, how can I find these textboxes & change their height/widths, or how can I find these textboxes & assign ID's to them...so I can modify their height/widths?
Here's a snippet of what I've been playing with....haven't had any luck though...I'm probably way off:
[code]....
Here is my GridView
<asp:GridView ID="GridView1"
I have a GridView with an alternating Css style. The GridView has a column called tradeId. What I want to show is an alternating colour based on a change in the tradeId. Is this possible? It will make it easier on the eye to group trades together by colour. Here's the GridView code as it is right now:
[Code]....
I want to change the width of column in Gridview bound field but it is not changing. Code Is;
<asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address">
<ItemStyle Width="500px" />
</asp:BoundField>
I had a datagrid with lot of columns.The datagrid coloumns width changes accoprding to data.
So I want to get the width of the column in Javascript,because I maintain a dummy header(**here I need to set the each Header column width according to the data columns width).
I was hoping this is simple but i have problems.
Basically i was only able to set the string color with itemstyle-Forecolor.
But how do i set the background of a column and also set height,width.Ok height may not work because i have an itemtemplate with predefined height.
Can this be done in a simple boundfield or must i have all my datafields in itemtemplates?
What i do for one column:
[Code]....
i hav a dyanmically generated gridview with autogenerated columns = true.. i want to change the width of a column of a grid... i tried to do it in row databound event as...
e.Row.Cells[1].Width = Unit.Pixel(300);
but it doesnt work... and since d columns are genrated dynamically i cant set d width as grd.columns[0].width =...
I am trying to display a starting date from an access database based on the dateId field in a datalist.
On page 1 (using a master page) the customer selects a starting date from a dropdownlist. When the customer hits the submit button, they are transferred to page 2 where the selected starting date is displayed.
The database table is basically:
DateID Startingdate
1 1/1/2010
2 2/1/2010
3 3/1/2010
4 4/1/2010
5 5/1/2010
The dropdownlist from page 1 is:
[Code]....
My select command is:
[Code]....
I am trying to pass the scr of a thumbnail image to a larger image on the same page. The "gallery" will display the full size image of the thumbnail. The thumbnail is in a DL and is filled via a dataset. image source is blank on the main image tag. I keep getting a null ex ref from the JS when I try to debug the site.
DL:
[Code]....
JS:
[Code]....
[URL]
in this artical your using 3 text box inside the grid for searching grid data .my question how to fix the size of these textbox? because of this textbox what i am using in my grid, my gridview became so large.and even its not looking good.
I am using the following code with a datalist, but how can I change the date format of the PublicationAddDate Field, it is not displaying as expected, even though it is in the correct format in my DB.
[Code]....
I've got a DatalList control on a page that I intend on using for Editing Items. I've added a button control into the Item Template with CommandName="Edit", and when click the button on the item, the page Posts Back and continues to display the ItemTemplate for that item.
Here's what I've got...
[Code]....
I have Datalist:
[code]....
How to change css when I click on some of the links in Datalist and active link to have some another css with background color blue?