Recommended approach to display Dropdown in CommandBar - dropdown

What is recommended approach to display a Dropdown in CommandBar?
There is no build-in support to display a dropdown in CommandBar. I know two ways to work around that.
Label + Dropdown. It's the simplest implementation but I have to take care of for/aria-labelledby attribute, maybe ms-Dropdown-label class. I don't feel it logically correct as we treat label and dropdown separately from component view. That's why I tried the second approach below.
Dropdown + styles. We can get label associated with a dropdown for free. The problem is the layout. Default display for dropdown is 'block' and I have to adjust that as well as padding, default font size etc.
Is there an easy way to achieve it? Or does office-ui-fabric have plan to support dropdown in CommandBar. I feel it a common UI everywhere.

You might look at the Office single line ribbon for inspiration. They use the same overflow sets and resize groups as the command bar, and extensively use dropdowns and comboboxes.
I'd probably suggest label + dropdown so that you have a nice encapsolated control you can render inside of the command bar.

Related

VB.Net: Winforms Designer: Use verbs from custom control in parent custom control

We're developing a custom control (to make our lives easier), which included a customs (external) grid control and some default buttons and text. The grid control has the option to add columns by clicking the small arrow on the top right of the grid in designer, like shown in the picture.
We want to keep this option when putting our new custom control on a (win)form. Is there any way we can achieve this?
I've already looked into the 'verbs' and I can add my own custom verbs to the new control, but I'm not sure the arrow is a verb (as it does not show the option on the bottom of the properties). I also haven't been able to find how to use the verbs from the grid control.
Thank you very much!
I've found the solution to my problem.
I thought the way to add columns was a custom control when in reality, it was a default CollectionEditor. This, in combination with Smart Tag, solved my problem.

Embed CommandBar into Form

I'm not sure if this is at all possible, but I'd like to be able to 'embed' a CommandBar into an Access 2003 Form.
I'd like to do this because the nature of my application is such that its forms are 'floating' so it doesn't look like it was developed in Access.
I know I can put Command Buttons on the form, which would achieve something similar, but I'd like a way to differentiate between the two types of buttons.
I'll be using it (if it's possible) to have a help menu present on some Forms.
Any ideas would be greatly appriciated!
I managed to achieve a similar effect by placing labels of a different color at the top of the form, then assign custom context menus to appear on left click. This is similar to the code found here:
How to add a menu item to the default right click context menu

Removing item level mouseover effect in SharePoint 2010

I am trying to remove the hover effect that brings up the checkbox next to the row item in SharePoint 2010 list item rows. Is there any settings that can make this happen? I would like to keep away from having to tinker with the CSS and javascripts. Please see illustration below. Thank you.
There are no settings for that sort of thing - the selection check box is a default behavior. You are going to have to modify the CSS, for that.
Use SharePoint Designer (Available Here]1) to help determine whitch CSS elements control that behavior, and make a custom style sheet to override it.
You can accomplish this by going to the Modify View option of your list and unchecking the Allow Individual Item Checkboxes under Tabular View options.
Note: If you are using a Web Part to view it you might have to set the view again for the changes to reflect.

How to edit Expression Blend selected control part?

I am trying to edit a specific control part within a custom TabItem Template. In this case, it's the TemplateBottomSelected control part.
I'm having an issue where I cannot seem to view or edit any control parts within the template editor except the default TemplateTopSelected. Here's a screenshot of what I'm talking about:
Even though I'm selecting the "TemplateBottomSelected" grid, the only thing I can see is the template for the TemplateTopSelected item.
How the heck do I edit the other control parts within the template using the editor?
Thanks!
that's because these templates are either collapsed or the opacity of them is set to 0. :)
you can use the eye toggle button to only show the one you want to modify at design time, set the visibility to visible, do your changes, and reset it to collapsed.
please let me know if you need more info.

how to hide the dropdown icon of combobox

I have an application using ComboBox with ComboBox.DropDownStyle = DropDown, I want to hide the dropdown button of it, and dropdownitems will be displayed programmatically, when required.
How could I accomplish that?
Thanks in advance!
Renee147's was a good suggestion in that you seldom want to mix metaphors with UI elements.
But, if you REALLY needed to hide the dropdown arrow, I'd just stick a picture box on the form and size/move it to fit just over the arrow portion of the combo. Not technically sophisticated, but it'd work.
Try to use ComboBox.DropDownStyle = Simple