I'm using Callisto to add ratings to my app. Everything works fine but the tab navigation for this control.
Any idea about how to support tab navigation for this control, like the "Store" app for example? The idea is select the control (focus) and select the rating value with left/right keys (like a slider)
Thanks in advance!
The tab navigation works but it takes more tabs to hop from one rating item to another. I recommend you to use FocusWatcher class, you will be able to figure out the situation.
Related
I have created a webpage using Backbone.js and Marionette.js that mostly consists of a bootstrap accordion view that displays a list of items when the accordion header is clicked. Each item can also be clicked, which will show a hidden div of detailed information that pertains to that particular item.
I would like to make this site accessible to people who might not be using a mouse (Maybe they're visually impaired and using a screen reader? Maybe they just don't like clicking things? Either way.) I'm thinking that this would mean being able to press the Tab key to get to the accordion, pressing Space or Enter to open the accordion, Tabbing down (or down arrow key?) through the list items, and then using Space or Enter to show the selected item's hidden div.
I'm finding it difficult to find information on how to add a feature like this, since searches like "How to make an accessible website that can be used without a mouse" mostly turns up blogs on what a developer should do to add accessibility to a page, and not much on how to do it.
Currently, the page doesn't really respond to any keyboard buttons. Any tips or resources you could share would be extremely appreciated. I've been fiddling with ARIA role tags, but I'm either not doing it right or it's not the answer here.
You have to use tabindex
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.tabIndex
Screen readers automatically read whatever element is the activeElement
New to Orchard. I have been looking for some documentation on how the menus actually work. It appears that you can have hierarchical menus, but I cannot find any good information on this.
It took me a while to figure this out too. You can see how to create a navigational menu in this video (around 8:45, but i'd recommend watching the entire video).
Basically, you need to drag & drop an item below and to the right of another content item in order to make a nested menu item.
Yes, you can. Since 1.5 you can create hierarchical menus from Navigation admin screen. Hierarchy (and reordering) of items can easily be created by drag & drop.
Navigation screen is used to define your menus. In order to display a defined menu you need to put Menu Widget in the zone of your choice. When you create that widget you need to choose which menu is it going to display. Besides the choice of the menu, you can also choose some other optional parameters if you need to customize the display more (eg. display only certain level).
My application runs on Gingerbread. It can properly show action-bar menu-item in normal SherlockFragmentActivity but when I add a menu item in an Activity with tabs the item is not shown. I was expecting to see the item above the tabs on the right of the name.
Is that normal or I'm doing something wrong?
I can add normal options-menu item that are properly show in the menu.
So the main question is: did someone manage to show both the tabs and the action-bar?
You're doing something wrong. Including other menu options doesn't have any issue. If you're using the actionbar spinner, then it's a different case as that wont work with tabs.
try adding the item in PrepareOptionsMenu in place of CreateOptionsMenu
I hope this will work
So I'm building a tool that allows a user to edit a whole bunch of preferences for various things. There are several groups of settings, too many to use a TabControl without creating arrow sliders to view all of the tabs, so I decided I would try and use a ListBox to list the groups of preferences, and then when they click on them, the settings that they can change show up to the right of the box.
I'm just not sure how to do this. Obviously it would invoke something in the OnSelectionChanged function of the ListBox, but I'm not sure where to go from there. Surely a dialog can have dynamic design, right? Would I mimic the creation of a tabbed-dialog where I create my designs and then bind them to the TabControl, and just do something similar for the ListBox? Again, it's not the ListBox itself that is dynamic. The user will click on "Settings A" from the ListBox, and to the right of the ListBox will be settings 1, 2, and 3 that each have textboxs/radios/checks.
Any hints on how I can accomplish this? I just think it looks nicer than having a whole bunch of tabs lined up across the top of the box. Thanks in advance to any brilliant minds who can help me out. I'm versed in C++, but I'm very much a beginner at VC++.
You can a vertical splitter with two panes:
one which contains the list
another one which contains the configuration dialogs you would normally use in a tab control
Each time the list selection changes you can load the appropriate dialog in the right pane. You can find a splitter tutorial here: http://www.codeproject.com/KB/wtl/wtl4mfc7.aspx
I want to develop a panel with animation same as notification panel. I mean to say the notification panel is a cool control where you grab and slide down the notification bar and see all the notifications.
Actually, I am having 2 UI , 1st should be shown with Button at top, when user click on that button, the 2nd UI with listview items should be slide down same as notification panel and again when user click or drag the 2nd UI at the top side, then 2nd UI should be become invisible. I hope i made clear my question.
From Christian's answer, I am trying to use a sliding drawer that will display a
list of options. I need this to expand over the current ListView on the page.
So if anybody know how to implement such layout or UI with sliding down animation then please share it.
Please suggest how to build with such control or layout? any ideas or suggestions
Thanx
Have you tried the SlidingDrawer widget?
Paresh I found a solution in this post about sliding drawers.
android misc widgets has it implemented , though it still has some flaws but it will definitely prove helpful.
Though in the same SO post CommonsWare has quoted :
...
You similarly cannot make a
SlidingDrawer that descends from the
top.
Good Luck.
You can use SlidingTray from: http://aniqroid.sileria.com to make this happen
http://aniqroid.sileria.com/doc/api/com/sileria/android/view/SlidingTray.html
Alternatively you can also use a custom PopupWindow class which is part of Android API.