Telerik Forums
UI for WinForms Forum
1 answer
43 views

Hey folks!

I need to display a lengthy list of "cards" or perhaps "cells" horizontally.  There will be NO vertical scrolling.  It would be nice if I can scroll horizontally by click+dragging.

Each "card/" will have an Image (thumbnail on the left or top) and some text (on the right or bottom)

 

I've used ListView for multiple UI requirements but I cannot figure out how to get the items to display "all horizontally" - the control wants to fill with Items until the last item that would normally have gone beyond the right side of the control and instead, it wraps to the next row below.  This "wrapping" is what I need to prevent.

I've never used CardView but maybe this is the way I should go?

All thoughts/comments would be appreciated!

Kind regards, 

LK

Nadya | Tech Support Engineer
Telerik team
 answered on 07 May 2025
3 answers
726 views

Hi, I'm trying to use Telerik UI for Winforms in my C# application to create a dashboard widget. Is there a control in Telerik UI for Winforms that similar to card dashboard on web application ?

Like this figure (this is a screenshot of my Telerik's profile page)

What I want to create is something like this

 

Thank you.

Dess | Tech Support Engineer, Principal
Telerik team
 answered on 11 Mar 2022
1 answer
321 views

Hi!

I followed the instructions for creating an Azure web bot resourse and used the Secret in my winform app. I dropped a RadChat control on my form and gave it the information about the azure web bot. Basically, I followed the directions on your site about this subject.

What I'm confused about is where is the websocket hub to handle my chat messages? Azure wants me to specify the endpoint for the bot. Am I supposed to create a separate web api project to handle the incoming. If that's the case, why do I need azure. I could just create a SignalR hub and write a simple client to handle chat traffic.

Just need some clarity of the what the intent of the RadChat control is and it should be used. I have a Winforms app that will be used by patrol officers in their cars and want to simply chat with other officers using our program.

Thanks in advance!

Todor
Telerik team
 answered on 12 Oct 2021
2 answers
152 views
I have a CardView running in Bound Mode.   I am trying to allow the user to select a choice via a double click.   The only double click event I see being raised is the overall CardView.  This just returns an X and Y click point.  How do I get from this to the databound item that was selected?
Dess | Tech Support Engineer, Principal
Telerik team
 answered on 03 Sep 2020
1 answer
220 views

I am trying to achieve a similar experience as in your CardView demo with the cities. The images are stored as block blobs in an Azure storage account. The blobs have tags, which i want to expose , similar to the meta from the demo where we have city name, population, country).

As far as i saw, there is no direct integration for CloudBlockBlob, so i am trying to place this in a byte array in order to display. Yet the outcome is an empty box in the grid, for each item from the container. the blobs are correctly downloaded, verified by writing the fileContent byte array to disk via filestream.

Any idea on how to achieve this?

 

Thank you!

 

 public partial class Form1 : Form
    {
        string sasToken = "?st=2020-02-12T21%3A05%3A08Z&se=2021-02-13T21%3A05%3A00Z&sp=rl&sv=2018-03-28&sr=c&sig=*redacted*";
        public Form1()
        {
            InitializeComponent();
            
        }


        public List<IListBlobItem> MainBody3(string id)
        {
            StorageCredentials accountSAS = new StorageCredentials(sasToken);

            // Use these credentials and the account name to create a Blob service client.
            CloudStorageAccount account = new CloudStorageAccount(accountSAS, "storage_account_name", endpointSuffix: null, useHttps: true);

            CloudBlobClient client = account.CreateCloudBlobClient();
            CloudBlobContainer container = client.GetContainerReference("images-analyzed-sampled");

            BlobContinuationToken token = null;
            List<BlobInfo> blobi = new List<BlobInfo>();
            List<IListBlobItem> poze = new List<IListBlobItem>();
            BlobRequestOptions options = new BlobRequestOptions();
            var myResults = new DataSet();
            do
            {
                var result = container.ListBlobsSegmented(null, true, new BlobListingDetails(), 20, token, null, null);
                token = result.ContinuationToken;

                var blobs = result.Results;
                foreach (IListBlobItem item in blobs)
                {
                    var blob = item as CloudBlockBlob;

                    long fileByteLength = blob.Properties.Length;
                    byte[] fileContent = new byte[fileByteLength];
                    for (int i = 0; i < fileByteLength; i++)
                    {
                        fileContent[i] = 0x20;
                    }
                   
                    radCardView1.Items.Add(blob.DownloadToByteArray(fileContent, 0));

                }
            } while (token != null);


            return poze;

        }




        private bool HasMatchingMetadata(CloudBlockBlob blob, string term)
        {
            foreach (var item in blob.Metadata)
            {
                if (((item.Key.StartsWith("Tag") || (item.Key.StartsWith("PredictedImageType"))) && item.Value.Equals(term, StringComparison.InvariantCultureIgnoreCase)))
                    return true;
            }

            return false;
        }

        private void radButton1_Click(object sender, EventArgs e)
        {
            MainBody3("");
        }
    }
    public class BlobInfo
    {
        public string ImageUri { get; set; }
        public string ThumbnailUri { get; set; }
        public string Caption { get; set; }
    }
}

Nadya | Tech Support Engineer
Telerik team
 answered on 19 Feb 2020
4 answers
162 views

Hi, I was wondering if someone could help.

I want to create a layout/cardview of a single record, I tried this via layout groups but they don't really fit side by side.

Has this been done before?

Mark
Top achievements
Rank 1
 answered on 23 Oct 2019
3 answers
328 views

Hello,

I'm trying to implement a (Kanban style) BoardView. It's similar to CardView (grouped cards, with drag&drop functionality), but i need a custom layout method: horizontal groups (columns), and vertical items (cards). So i was trying to inherit from ListView (like a CardView), but i cant override internal methods and properties.

I want to inherit from a theme-supported class (CardView/ListView ), not directly from radControl.

Any suggestions?

Thanks!

 

Dess | Tech Support Engineer, Principal
Telerik team
 answered on 29 Jul 2019
5 answers
220 views

Hi,

Is there a way to hide the column header, for example, I want to  hide first column header and shift the item to the left. 

Many thanks,

Omar

Dess | Tech Support Engineer, Principal
Telerik team
 answered on 03 Jun 2019
7 answers
286 views

How do I get rid of the Expand / Collapse on Each card? (See Capture1)

Also, it might be related, but I would like the photo to expand to fill to the top and side edges in the card, as in the Telerik UI for WinForms demo application. (See Capture2).

I copied this Demo code exactly, even editing the form1.Designer.vb, so they should look the same, but I still get variations between the two.   In designer editing properties directly, it will not hold several properties, changing them to what the control thinks they should be.  This is especially true for trying to set the size and location of the CardViewItems.

Please advise.

Thanks,

 

 

HarisB
Top achievements
Rank 1
 answered on 24 Apr 2019
5 answers
187 views

Hi,

I have cardView that I am filling it with data manually (no data-binding).

I have problem in using text wrapping. See attached image.

as you can see the blue test is clipped, I need to display the entire test lets say in two line not one line. Can this be done?

Many thanks in advance.

Omar

 

 

Omar
Top achievements
Rank 1
 answered on 06 Feb 2019
Narrow your results
Selected tags
Tags
GridView
General Discussions
Scheduler and Reminder
Treeview
Dock
RibbonBar
Themes and Visual Style Builder
ChartView
Calendar, DateTimePicker, TimePicker and Clock
DropDownList
Buttons, RadioButton, CheckBox, etc
ListView
ComboBox and ListBox (obsolete as of Q2 2010)
Chart (obsolete as of Q1 2013)
Form
PageView
MultiColumn ComboBox
TextBox
RichTextEditor
PropertyGrid
Menu
RichTextBox (obsolete as of Q3 2014 SP1)
Panelbar (obsolete as of Q2 2010)
PivotGrid and PivotFieldList
Tabstrip (obsolete as of Q2 2010)
MaskedEditBox
CommandBar
PdfViewer and PdfViewerNavigator
ListControl
Carousel
GanttView
Diagram, DiagramRibbonBar, DiagramToolBox
Panorama
New Product Suggestions
Toolstrip (obsolete as of Q3 2010)
VirtualGrid
AutoCompleteBox
Label
Spreadsheet
ContextMenu
Panel
Visual Studio Extensions
TitleBar
Documentation
SplitContainer
Map
DesktopAlert
CheckedDropDownList
ProgressBar
TrackBar
MessageBox
Rotator
SpinEditor
CheckedListBox
StatusStrip
LayoutControl
SyntaxEditor
Wizard
ShapedForm
TextBoxControl
Conversational UI, Chat
DateTimePicker
CollapsiblePanel
TabbedForm
CAB Enabling Kit
GroupBox
WaitingBar
DataEntry
ScrollablePanel
ScrollBar
ImageEditor
Tools - VSB, Control Spy, Shape Editor
BrowseEditor
DataFilter
ColorDialog
FileDialogs
Gauges (RadialGauge, LinearGauge, BulletGraph)
ApplicationMenu
RangeSelector
WebCam
Styling
Barcode
BindingNavigator
PopupEditor
RibbonForm
TaskBoard
Callout
ColorBox
PictureBox
FilterView
NavigationView
Accessibility
VirtualKeyboard
DataLayout
Licensing
ToastNotificationManager
ValidationProvider
CalculatorDropDown
Localization
TimePicker
ButtonTextBox
FontDropDownList
BarcodeView
BreadCrumb
Security
LocalizationProvider
Dictionary
Overlay
Flyout
Separator
SparkLine
TreeMap
StepProgressBar
SplashScreen
ToolbarForm
NotifyIcon
DateOnlyPicker
Rating
TimeSpanPicker
Calculator
OfficeNavigationBar
TaskbarButton
HeatMap
SlideView
PipsPager
AIPrompt
TaskDialog
TimeOnlyPicker
+128 more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?