I am using Dojo 1.3.1 and have a dijit.Menu with several dijit.MenuItem items. The menu is displayed as a context menu when the user right-clicks on items that were bound to the menu using (dijit.byId("contextmenu_pf")).bindDomNode(...). All works well, but frequently when the menu is displayed, one or more of the menu items are highlighted (aside from the first one). This seems to be random and has no relationship to previously selected items. Some of the highlighted menu options are even displayed.
Has anyone seen this behavior and/or know how to stop it from happening?
Thanks - Peter
This is a known issue, filed as http://bugs.dojotoolkit.org/ticket/10339.
The attachment in that link also lists some workaround code.
Related
Not entirely sure the best way to describe this strange behavior that I've been dealing with, so I've added screenshots below. Anyway, I've built portals inside of a tab control field on my layout. Initially, my fields inside of the portal would turn fully black whenever I scrolled through the records or tried to make edits to the field itself. However, after changing from the Classic Theme the file is currently using, it's stopped completely filling in black, but the fields are still showing some strange behavior.
Basically, even though I've made sure every possible alteration of the field (active, in focus, hover, etc) all have the exact same styling on them, the entire set of fields get this weird outline on them when I go to edit a single field.
Nothing selected here, this is how I'd like the portal to stay whether someone is making changes or not.
The "NRG" field is selected to make changes, and every other field ends up getting a strange border around the field.
Any help that you might have in getting rid of this strange behavior would be really appreciated. Thank you!
FINALLY.
Found the answer. Evidently there is a check box in the Layout Setup menu for "Show Field Frames when record is active."
Uncheck that.
Fixed.
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