Make The Bottom Table Dynamically Adjust Vertically?
Mar 29, 2011
I'm working on a ASP.Net web page with two tables positioned in the center of the page with one on top of the other. The table on top contains input fields that are dynamically generated by the code-behind, so the number of input fields varies. The table on the bottom contains content that is constant and doesn't change. The layout of the page is fixed and must remain so. My question is, how do I make the bottom table dynamically adjust vertically so that it doesn't overlap with the fields from the top table. The general HTML layout of the page is something like the following:
[code]...
I'm thinking I could wrap the bottom table in a div, but I'm not sure what specific styling will achieve the desired effect. I basically want to maintain the fixed positioning horizontally, but have the vertical alignment adjust to prevent overlap with the top.
UPDATE:
Here is a screen cap that shows the two tables overlapping. The buttons you see are in the bottom table, the fields are supposed to be on the top, all elements are positioned absolutely in the center of the browser screen.
UPDATE 2:
I updated the HTML sample above with the styles that are currently in use.
I believe this is a newbie question, but i just figure out my head around.. does anyone know how to auto adjust the control in the table cell so its width follows the width of table cell?
I have an asp:Table. Its with is 100%. This table has only one row but 6 columns. The width of first 5 column is fixed at 150px. The last one does not have its Width specified and so it takes up the rest. The whole row has a background. If any of the first 5 column is clicked, the background of that cell is changed to white.In my development computer, the last column has about 250px. Yet in user computer, as the monitor has a smaller resolution, the last column has only 30px or so. User complains it is ugly and wish to merge the last column with the previous one. How to do so?
the design of my page because of the treeview menu. I am using a treeview for the purpose of issuing accessibility of users regardless of their position. Actually, the treeview menu control overlay the footer whenever I expand on it. How am I be able to dynamically adjust the height of the <div> for the treeview menu.
Not sure if this was the forum to post under but here goes. I want to make a global variable counter that I can adjust in my code in the webforms. For example, I want to use the counter like so...
[Code]....
If anyone knows how to create this dynamic global variable or if anyone can tell me if its not possible,If it is not possible,
I have a page that is currently generating dynamically created textboxes in a table format. The users are requesting that the tab order be changed from horizontal-vertical to vertical-horizontal. I know that you can use the tabindex attribute to control the tab ordering, but I can't for the life of me figure out the right way to get the sequential number properly for the textboxes. I guess this is more of a math question than anything else!
FYI, the textboxes are made while looping two different collections. First collection looped to make the rows, for each row, second collection (which is a property of the first collection objects) is looped to create the columns.
I have a formview tied to a gridview. The formview is used for insert, delete and update. A new row gets inserted to the top of the gridview instead of the bottom. How do I make the gridview add the new row to the bottom?
Note.Using this on master page.Ok.After trying for hours i cannot get it to work.I need the footer to stay on the bottom of the screen.This is exactly what i want but i does not work(footer stays where content ends). URL.... My page structure is this:
In SSRS 2005 I could select the header row of a table and in the properties window, expand the BorderStyle property and type Solid in the Bottom property and I would get a border at the bottom of the row containing my column headers. In SSRS 2008 I cannot do this. If I select the header row, the BorderColor, BorderStyle and BorderWidth properties do nothing when you expand them. If you try typing into them you get an error: "Property is not valid." So I selected the header textbox for one column and tried adding the bottom border to it, thinking that I might have to set each column individually, but the border does not appear for that column heading.
Im creating a table dynamically in my codebehind to display some statistics. The table is in a usercontrol. When the page first loads, its created and displayed correctly. If I do something that generates a postback, the table subsequently disappears, this is because its created inside a !IsPostback. How can i ensure that the table, once its been generated, stays visble on the page ? I dont want to generate it each time the page loads as it involves a lot of calculations on the database which will slow the pageload down.
I would like to keep this post in Getting Started for a while before moving to specific section.
I have on my asp.net a youtube embedded video using code as follows
However, instead of hard code them in my page, I want the video reference code "nTasT5h0LEg" below be flexible and dynamic using label1.text instead. Is this possible ? the following is the html code of the object. Is it possible to change it to
How do I capture other events in an asp.net textbox on a webpage in more of a way in which a windows app does? For example, if I want to handle when someone just presses a key (keydown) on a textbox in a webpage?
The functionality that we want to create breaks down like this:
We want to create a "smart" search box at the top of our page. When the user starts typing, a little panel or some element should become visible and it will have some check boxes on it. They can search for one or many different types of searches: First Name, Last Name, Business Name, ZIP, Customer Number, and Contact Info. As they begin typing their search, we need it to execute some code that attempts to figure out exactly what they are searching. So if it can tell they are typing in alphabetic characters and not numbers, then we know to NOT check the Customer Number box, but we will want to check the First Name, Last Name, and Business Name boxes. If they start typing a number, we know that we can check the Customer Number box and leave the First Name and Last Name, etc boxes unchecked. If they type a number that is 5 digits, then we know to check the ZIP and Customer Numbers both. Any other length number characters and the ZIP will be unchecked. And any other rules like these that we might want to implement in the future. The idea here is we will almost always be able to tell what someone is searching, but the user can always check any box that they want to search for if they so choose. For example, if a business is named "123 Plumbing Company" and they just want to search the Business Name field for a number, they can over ride it and do that. Otherwise, they just can blindly type their search and hit enter and the program will usually know what kind of search they are trying to do.
I come from a strong windows app development background and have just recently tried to do some web development professionally. A quick few sentences on what philosophy I am missing out on as far as a more robust and "Windows App-like" webpage would be appreciated if anyone wants to coach me on that area and point me in the right direction!
Also, in my example we are using master pages. So if you can imagine a typical master page that has a logo top left and a search box and button top right, then you can picture what we have. Its simple looking. But with the content page being a separate aspx page, we are having trouble referencing it after a search is performed anyway. So what I mean by all this is The masterpage.master has a search textbox. They type something, hit enter. We then want a gridview that is on our default.aspx page to update with the results of the event that was fired from the masterpage.master.
My windows app background tells me to just point to it like I would from two different forms. Like if I had a form1 with a search box on it and I wanted it to show up the results on form2, I would just say Form2.Show: Form2.GridView = whatever.
Of course, with my confusion of what the scope of these asp.net pages is, I am having a difficult time just visualizing everything and how they are inter-related.
So I guess to recap here:
1) How do I tap into more events with textboxes or any other asp.net control. Is the answer AJAX? If so, can you elaborate just a little bit?
2) How would I use the keypress or keydown type of event to make a panel or some kind of content holder to become visible when the textbox gets focus from the cursor and go back to being invisible if it loses focus.
3) What about the scope in which asp.net pages behave?
In my aspx page there is tow label one is mobile no and second is land line no, when user click on the link button "Laandline No" a three text boxes should be visibal automatically and under this horizontal line display and when user click again textbox should be visibal false and horizontal line display under the mobile no. In short horizontal line change the position dynamically.
I have a menus in master page.I took treeview to display the menus.But i want to make visible and invisible of some main menus according to my requirement . when i login into the page form.aspx menus will appear. But when i click the submit button then those menus will disappear and some more new menus will appear.
I am using the tab control and basically I have 4 buttons. Each button will load a seperate ascx control into a brand new tab. After about 4 tabs, since it has to regenerate all 4 tabs, the speed in order to add tabs just becomes too long for my tastes. Is there any way to remedy this and make it go faster?
EDIT2:Using Internet Explorer 7.0 and 8.0
EDIT: Some Code, I store the i in viewstate and loop through this every time for each panel per regeneration
private void BuildNewTab(int i) { TabPanel newPanel = new TabPanel();[cod]....
I have several nested table in my asp page. Each row contains textbox or label. I would like to have some spacing between the table's rows but I cannot make it. I try to use cellpadding in each table but it doesn't make any difference. What is the best way of cell spacing in nested tables?
i have made a gridview which contains three fields, two textboxes and one combo box. ComboBox fetchs data from table(SQL) and when a combox box triggers, data related to combo must be added in two boxes. i did this throw another button, but i want this to be trigger directly when it clicks.
i have a table in my database.i want to assign a unique id (primary) automatically when each data is submitted.how to set this one is sql server 2008? i tried but couldnt do it.
I'm making a visitor management application and I made three tables namely tblStudent,tblEmployee and tblVolunteer in SQL.I made a table according to the categories of a visitor.Do I still need to make a tblVisitor that would be the "general" table for the three tables made?I'm really confused whether it's needed or not to make a table to join similar attributes of student,employee and volunteer.