I am running a .net web application on IE10. The issue seems to be with the way the items are being displayed in the dropdownlist. In IE10 if an item is chosen from the list which happens to be in middle (say you are choosing the 3rd item out of 5) and then again click on drop down list then the list spans as 2 elements above this value and 2 below. Also if you choose the very last item and then again click on the drop down the list is displayed as all the items above the last item and then the last item in the field (list is displayed upwards).
So the issue appears when these items are displayed after choosing them and clicking again on the control just to see all the items.
In IE8 and 9 it is like the item chosen is displayed in the field
and then the whole list follows below this.
Please help...
I also meet this problem.
But when I search here, it is said be design. I don't know if it is true, but I couldn't find anyway to fix it.
Related
Im having problems adding items with Datalist Option, I can see 4 or 5 items there but items are not rendered, just first one.
If I add item from control bar item appears but from itemsgrid, items are not being displayed into app
This question is extremely generic and hard to answer. Please look at some demo-apps, you probably did not include a loop (which would go through all items) and are only showing one in your template.
I have dropdownlist on my webpage.
When I click it the list with all items is expanded. But this list is very long.
How can I change it to achievie a list with (e.g.) 5 displayed items and with a scrollbar next to them.
If it is not possible, how can I do it with ListBox? I know it is Rows property there but can I declare how many rows is display all the time not after expanding the list.
This control, will, of course be rendered on the page as a standard <select> control.
With these, the height of the list once its dropped down is determined by the browser, and you have no control over this. You'll notice when the list approaches the foot of the page, the browser will implement the scrollbar as you suggested, but not with the number of items you maybe want.
My only suggestion would be to investigate the options offered by some client-side drop down add-ins. You may be able to find some jQuery ones that will help.
A simple google search for "jquery dropdowns" yielded this article as the top result: 38 jQuery And CSS Drop Down Multi Level Menu Solutions. If you can't find something here then there are also plenty similar sites in the search results.
I think this post provides you with a couple of different solutions to your problem.
http://blogs.msdn.com/b/rakkimk/archive/2011/05/02/dropdownlist-html-select-vertical-scrollbar-number-of-items.aspx
I've got an <mx:Button> in my application, I have 10 items in an XML Node. What I'd like to do is when the button is clicked show the next 5 XML Nodes.
How do I achieve this?
My code is as follows at the mo :
<mx:Button x="1380.65" y="582.65" styleName="rightButton"/>
The style is just setting the up / over and down states of the button. But I want it to function and show the XML nodes in groups of 5.
How are you displaying the first five items?
If you're displaying things in a list or DataGrid, I believe you can set the verticalScrollPosition to scroll the list via a button click.
If you are displaying items using TextInputs, custom component, or other non-renderer-based classes, you just need to manually write some code to update the display elements based on the currently displayed index and what is next.
Can you offer a running sample? That may us direct you!
I am having some problems with tabbing within my asp.net pages. This project was developed with Visual Studio 2008.
Case 1
I have two html tables. The first table has two rows; the second table has four rows. Within the cells are of each table are asp.net fields, text boxes and radio button lists. I set focus to the first field of table one. I then press the tab key multiple times. The focus moves through the field of table one and then through the fields in the first row of the table two. Then instead of goes to the second row of the table two it return to the table one.
But if I set focus to the last cell on the first row of table two, it tabs through the remaining cells of table two properly. Can you tell me how to get the tabbing to behave properly and go to the cells in there natural order? Note that I am setting the tab index property in the order that I want.
Case 2
On another page I have an html table with a single row followed by a gridview control. The gridview control is writeable and has the following columns: Check Box, Radio Button List, Text Box, Text Box, Text Box and a Check Box List. If I click on one of Check Box, Radio Button List or Check Box List., then press tab, the cursor pops out of the grid and sets focus on the first field of the table outside the grid. But if I set focus on one of the text boxes and tab; then the tab goes through the fields of the grid left to right one row at a time. This later behavior is what I want in both cases. I don’t know why my cursor pops out of the grid when I start with a field other than a text box.
Please help if you can.
Bob
funny, you explain in details your case but you didn't explain what it needs to be explained in order to someone can understand you :)
first of all, is table1 located in the first tab and table2 in second tab?
what do you used for tabs: asp.net tab control, jquery ui tabs...?
what do you mean by 'press the tab key multiple times'? same tab? do you have postback on tab click? what is the focus in your case, and so on and on...
cheers
Have you checked the order of the input elements in your HTML? Generally the tab order follows the order of controls.
If that all looks right, then make sure nothing is setting the TabIndex property - as this will also mess up the tab order.
I pretty much resolve this and I wanted to add the answer for anyone who viewed this thread. The problem was the autpostback on certain fields. Once I disabled autopostback, the problems went away.
Bob
You need to use Javascript and I referred for your a very good example of navigating through Gridview rows with Up/Down keys.
http://www.codeproject.com/Articles/25675/GridView-Rows-Navigation-Using-Arrow-Up-Down-Keys
Is there a way to control the number of displayed rows in a DropDownList control? I'd like it to only display 10 rows, but it defaults to 30. This causes the list to appear higher than the control instead of below it because of its position on the page.
You can do pagination on the data source for the drop down list using PagedDataSource and set the PageSize to 10.
If ASP.NET renders a DropDownList control as a <select> then there is no way to control the number of rows shown when the <select> is opened, it is browser-implementation dependant.
A quick test shows that IE 6 reveals 27 items from a 27 item list, Safari for Windows 3.2.1 reveals 22, Firefox 2 reveals 20 and Opera 9.6.2 reveals 16. The number revealed may even depend on the total number of items, but I didn't bother to test that because it is pretty obvious this isn't something you're going to be able to control.
Adding size="..." to the control will make the drop-down list a fixed size and it will no longer be a "drop-down list" (assuming you can even do that).
The only solution to this seems to be to implement a JavaScript-based pull-down control of your own, or buy or download one.
Note:
I have not tried this using code
Add "size" attribute with "10" as value to show 10 rows in the dropdown.
<asp:dropdownlist size="10" ...>
Does this work? (I am guessing it,as dropdownlist is SELECT tag in html)