StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p><strong>Note: This approach worked for some webcontrols (DropDownLists) but not all of them (CheckBoxes). I've left it here for reference.</strong></p> <p>I've ended up with a solution that uses a code behind method to capture the relationship between controls.</p> <pre><code><asp:CheckBox ID="checkBoxA" runat="server" TabIndex="1"/> <asp:CheckBox ID="checkBoxB" runat="server" TabIndex='<%# TabIndexAfter(checkBoxB, checkBoxA) %>'/> <asp:CheckBox ID="checkBoxC" runat="server" TabIndex='<%# TabIndexAfter(checkBoxC, checkBoxB) %>'/> </code></pre> <p>The code behind method will initially do a basic TabIndex assignment, which works well when the tab order follows the order of the controls on a page. Then during the PreRender event the tab index order will be checked again. This is important if the tab order doesn't not follow the natural flow of the page.</p> <pre><code> private LinkedList<WebControl> _webControlTabOrder; /// <summary> /// Assign the current WebControl TabIndex a value greater than the prior WebControl. /// </summary> /// <param name="currentWebControl">The current WebControl to set the TabIndex for</param> /// <param name="priorWebControl">The prior WebControl to get the previous TabIndex from.</param> /// <returns>The new TabIndex for the control</returns> public int TabIndexAfter(WebControl currentWebControl, WebControl priorWebControl) { if (_webControlTabOrder == null) { _webControlTabOrder = new LinkedList<WebControl>(); this.PreRender += new EventHandler(UserControlBase_PreRender); } LinkedListNode<WebControl> priorNode = _webControlTabOrder.Find(currentWebControl); if (priorNode == null) { priorNode = _webControlTabOrder.AddLast(priorWebControl); } _webControlTabOrder.AddAfter(priorNode, currentWebControl); return priorWebControl.TabIndex + 1; } void UserControlBase_PreRender(object sender, EventArgs e) { LinkedListNode<WebControl> currentNode = _webControlTabOrder.First; while(currentNode.Next != null) { LinkedListNode<WebControl> nextNode = currentNode.Next; if (nextNode.Value.TabIndex <= currentNode.Value.TabIndex) { nextNode.Value.TabIndex = (short)(currentNode.Value.TabIndex + 1); } currentNode = nextNode; } } </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload