How to get List view like Vista/Windows7 - visual-studio-2005

Using: Visual Studio 2005, .net 2.0
Can we get the features of list view as seen in Vista/Window7 OS (file/folders details view):
When mouse is over a row its highlighted.
Problem: if i set HotTracking = true, the items are shown underlined, also mouse cursor
changed.
Dragging select multiple items.
Problem: [Multiple Select = true, FullRowSelect = true] Only the first column allows to
drag-select items. Other columns doesn't.
The nice look and feel.
How to get these facilities ?

Use ObjectListView -- an open source wrapper around a WinForms ListView control. It provides many of these things and quite a few more: tooltips, drag and drop, images, tinted columns.
(source: sourceforge.net)

Related

Changing BigQuery's view of nested or array data

Within BigQuery you can have arrays, structs and other nested values for a single column. There seem to be two different views to display them, but how do you change the settings to determine how you want these values to be displayed?
In the first view you can show the nested values as text in a single row:
Image 1
And with the 'toggle the entire column' button you can uncollapse the column and see each value individually:
Image 2
There's the second view where you can have it organized in a way that everything is visible:
Image 3
How do you switch between these these two different views?
Note:
The only possible related question is this one but it recommends to Disable Editor Tabs, but they cannot be disabled (from 21 June 2022 onward). And I found that both these views are actually possible with Editor Tabs on, making that related question irrelevant now.
It looks like image 3 was created using the old version of the UI. Which is still available when you click the Disable editor tabs button in the top right corner of the screen.
Google said they would disable the old version a while ago, but as long as people keep disabling the editor tabs and provide feedback on WHY they don't like the new UI they might postpone that a few more times.
Disable editor tabs have been disabled by Google as of Jun 21, 2022 and will be completely disabled for all users soon. Without "editor tabs", I tried querying a nested table and was able to get output similar to Image 3.

SWT Table - How to change columns width using keyboard only?

I am using SWT tables in my project and there are few columns which are having longer strings which are not completely visible by default (for ex. path to a file location). Though I have tooltip to show the content and using mouse we can increase the column width to see the complete value.
Is there a way to do it with only keyboard usage?
Note: This question is more related to accessibility.
The following answer is based on my experience under windows. It can be different for other OS.
I'm afraid that there's no keyboard-only default way to adjust the size or reorder the column in a table, tree view or list view.
This is true not only with SWT but also with all other frameworks based on native win32 such as wxWidgets.
You must provide a keyboard-only way to resize and reorder columns yourself. here are a few ideas implemented by some applications:
Provide an option somewhere in the application that opens a dialog box with a checkbox list of the different columns. Ctrl+Up/Down to swap two items. Check/uncheck an item with spacebar to make the column visible or invisible.
Make the headers focusable. Use Shift+Left/Right to resize, Ctrl+Left/Right to swap two columns. Application key / Shift+10 opens a context menu where you can check/uncheck columns to show/hide and an option to open the column selection dialog box.
Some screen readers allow to do it by simulating mouse operation in some way. For example, use Jaws cursor, click lock on a header, release lock on the header to swap with.
But it's quite complicated, not always reliable, and thus very rarely actually used.
This is a very good question. I would be happy to give 100 rep to someone giving an answer being for windows and:
generic, working by default, everywhere or in most cases
Independant from screen readers (Jaws, NVDA, etc.) and techniques that simulates the mouse with keyboard (mouse keys)
Unfortunately, I don't think it exists.

Keyboard navigation for RadListBox with icons

I am using RadListBox to show a list of items. Each item has an icon. The requirement is jumping on the item when a the first letter of that item is pressed.
For example: It should focus on "Dock" when letter "D" is pressed
Is there any built-in feature to accomplish this>
This functionality is built into the RadListBox right out of the box.
You must have the list box focused and then type a key to select the item with the first letter matching the key that was pressed. In order to focus on the list box you can either: click with the mouse, tab to it, set focus in JS, or use the KeyboardNavigationSettings.CommandKey and KeyboardNavigationSettings.FocusKey to help aid with keyboard navigation.
Example:
RadListBox1 = new RadListBox()
RadListBox1.KeyboardNavigationSettings.CommandKey = KeyboardNavigationModifier.Alt;
RadListBox1.KeyboardNavigationSettings.FocusKey = KeyboardNavigationKey.L;
You can also use EnableMarkMatches to highlight more than one match if necessary and for typing more than one letter for selecting.
Reference: Telerik RadListBox Keyboard Navigation Demo << This has all the sample code you should need.
Seems this a Telerik bug, but i made a project, test situation and it's working.
download sample project here.
this project tested on google chrome Version 60.0.3112.113 (Official Build) (64-bit)
After run project press Alt+s or Alt+o or Alt+c
Remember change AccessKey property to change shortcut key:
RadListBox1.Items[0].AccessKey = "s";
I should say that this NOT a perfect solution.
RadListBox is a powerful ASP.NET AJAX control to display a list of items. It allows for multiple selection of items, reorder and transfer between two listboxes. Drag and drop is fully supported as well.

Xcode-like Navigator control

What type of control is this? Some sort of Segment control but without borders? It works like a menu in that you can mouse down and drag... it will highlight as you drag and pick the one you release on.
How can I do something similar?
The big difference I need is to allow multiple selection which will show different sets of details in the area below it. I can do this with a series of NSButtons, but don't get the drag-over "menu" effect.
Ideas?
In the past, I have come across two example of implementation of Xcode-like inspector views:
https://github.com/malcommac/DMTabBar
https://github.com/smic/InspectorTabBar
Some time has passed, so they seem to me more the style of Xcode 4, but they should be ready to adapt to the new appearance.

How to draw a grid in SketchFlow?

Since there is no grid asset in SketchFlow, what is the best way to represent one? Does everyone just use the rectangle asset?
At the time the question was posed, there were workarounds and kludges. But now--with the advent of the just-released (June 7, 2010) SketchFlow/Blend version 4 there is a great solution: Sketchables from Philipp Sumi. This add-on to SketchFlow 4 lets you use concise markup to customize and tailor a control to display sophisticated output--including the SketchableDataGrid.
Sketchables is a completely new package, due to be released the week of June 21, 2010, according to his blog. He has a startling demo video on his site, though. For a snapshot of the SketchableDataGrid take a look at Figure 12 in my just-published article Creating WPF Prototypes with SketchFlow, June 18, 2010.
(I have no connection with Philipp Sumi other than admiration for his Sketchables product.:-)
There should be a DataGrid Asset (defined in System.Windows.Control.Data.dll -Might need to add a reference?) which I think is what you're looking for.
The first thing you need to do is create a datasource.
You can create a data source by choosing the data tab in the top right corner and clicking on the "define new sample data" icon. Under the collection you should be able to add/edit the field properties for the data source. The data source will have auto-generated data for you (a very cool feature!). This can be replaced by selecting the "Edit Sample Values" icon beside the collection if desired.
Next you can drag a data grid onto your screen and set the data source by choosing the ItemsSource property on the grid (the data binding option should be chosen). On the data field tab you can choose your data source. Make sure to select the actual "Collection(array)" option on the right hand side. By default it should auto generate the columns for you. This can be changed if you want more control the column header names, etc.
Hope this helps.
I did it using a ListBox-Sketch.
Check it out here.
There isn't a 'sketch' style grid, so you have 2 options:
Use a list box and edit the template to be a grid / horizontal stack panel with borders etc.
Use the standard grid, you can still make the text 'Buxton Sketch' font so it still looks pretty good, but it does have some chrome effects breaking the 'pure sketch' look
Use what suits you best.
First of all, if you are using Silverlight based sketch, you have a datagrid available otherwise if you are working with WPF you could use WPF Toolkit which includes one.
To make a Silverlight datagrid "sketchy" please take a look at the sample at:
http://cid-99b45ff02d12b84d.skydrive.live.com/self.aspx/Public/Scratch/SilverlightPrototype8.zip
I think this sample also applies to a WPF based sketch with a datagrid from WPF toolkits with only minor adjustments...
Good luck
I am not 100% clear on what you are trying to do. You could use the SketchBorderUC or a Rectangle-Sketch.
What visual representation are you trying to achieve that you would use a grid for?

Resources