Adding a popup context menu to words in a Flex TextArea - apache-flex

I'm trying to figure out how to add a popup context menu to words/groups of words in a flex. Basically I'm trying to achieve something similar to the red underline MS Word adds underneath misspelled words.
I'd also like to be able to add controls other than menu items to this context menu (checkboxes, lists, buttons, etc...).
Thanks for your help!

Related

Menu wraps - how to control # of items

I'm adding a page to a site (with BeTheme), and it's going under a new menu item. Now the menu is wrapping to a new line for this single item. If I move the menu item, the menu still wraps. There were 7 items, I'm adding an 8th.
Looking at the code generated, a class of "last" is being added, and that seems to control the wrapping.
There's plenty of room for the item, the wrapping seems arbitrary. I can't see where this attribute is set.
Thanks in advance.

Joomla 3.9: Menu item set to Separator is not clickable to reveal sub-menu items

I am building a website in Joomla, and I'm trying to make a menu in which some menu items should not have any article associated with it; clicking on them should only reveal the sub-menu items, but the rest of the page should stay static. So, I set that parent menu item to Separator, and added some sub-menu items to it. However, for some reason, the parent menu item is not clickable, meaning that I cannot reveal the sub-menu items.
Here is my website: http://vaterlinija.lt/
The parent menu item that has sub-menu items is the second one from the bottom (as you can see, it is non-clickable).
How do I fix this? I tried using Menu Header and URL (set to #) instead, but the result is the same. The only way to make these sub-menu items to show is to set that parent menu item to something like Single Article or similar, which is precisely what I want to avoid. I am using my own template, made from scratch. Do I need to add something to CSS, maybe?

How do I make a Kendo Menu open on hover, not on click?

I have a Kendo menu as my main menu, with config starting like
#using Kendo.Mvc.UI
#(Html.Kendo().Menu()
.Name("main-menu")
.OpenOnClick(false)
.Items(items1 =>
Finding no other config option, I thought making OpenOnClick false would make some magical OpenonHover true. I want menu items with children to open on hover so that I can get rid of the arrow to the right of the parent menu item text, as there is absolutely no spacing between the arrow and the tick. I have unsuccessfully tried the :before and :after' pseudo-selectors to insert space, to no avail. All I could get inserted was a literal " hehe.
Take a look at this jsfiddle. FYI-it's using jQuery, not using Html helper. Hope it's helpful to you.
You can open menu on hover.

my asp:menu control is hidden when it contains no items - how can I show it?

I added an asp:menu control (with a web.sitemap backend) to my app. For this particular app, when the user is not logged in, I don't want to show any menu items, but I do want the menu to have the same color as the bitmap header under it. However, when the menu is empty, I just end up with a blank rectangle. It's a static menu, 5 items, using CSS to style it. I've tried adding the background color to the menu, the staticmenu style, and the staticmenuitem style with no luck. Any ideas?
Why not wrap the menu control in a div to create a container that will always exist regardless and give it a background color?

adobe flex datagrid selectable columns

I'm trying to make a Flex (Advanced)DataGrid component with some mechanism where the user can toggle the visibility of the columns. I've crudely implemented this by reading in the columns into the right-click menu, and when a column name is selected here, the visibility is toggled. It works, but it's not the most elegant solution.
Specifically, I'm trying to emulate the "datagrid" that Mozilla Thunderbird uses to display emails. Here is an image:
In the upper right, there is an icon over the scroll bar. If there is no scrollbar, the icon remains in the same place. When clicking the icon, it opens up a menu that shows all the possible columns, with the visible ones having a check mark next to them, like this:
Also, the scroll bar always appears under this button, never "pushing" it over into it's own column.
I'd like to re-create this in Flex. I believe the menu part and creating a column with a button headerRenderer is easy enough. But I can't figure out how (if at all possible) to do this with the scrollbar, because the scrollbar always seems to be "its own column". Any ideas or help would be appreciated. Thank you.
Ian
One dirty solution comes to mind. Create a component based on Canvas, then add an AdvancedDataGrid by overriding createChildren. Override updateDisplayList as well and add a button like the one in Thunderbird to the upper right of the Canvas. This will cause the button to appear over the DataGrid. Problemo solved?

Resources