Questions on UI for WinForms Forum

3 answers

342 views

Hi,

I am hoping someone can help me. I am trying to implement a collapsible panel. I have done so far is set the HorizontalHeaderAlignment to the right. I have added header text and an image. I then set the horizontal stretch property to true. So, at this point I have almost achieved my goal. What I would like, is to have image and header text left justified. I can't seem to find any other properties that will help me do this. Is this doable? I have included a screenshot of what I have been able to do so far. Thanks.

CollapsiblePanel

answered on 22 Jun 2015

4 answers

230 views

Filter error - Object cannot be cast from DBNull to other types

Hello,

I'm trying to filter a RadGridView against a standard Dataset tableadapter with a SQL server DateTime field.

Some of the field values in the background table column are Null.

The datatable has the field properties set to "AllowDBNull" values, however the error I am receiving is "Invalid filter expression"

When viewing the detail exception I am seeing "Object cannot be cast from DBNull to other types".

The attached image shows the tableadapter field settings and the error dialogs.

Any ideas on how to work around this error without changing from a dataset.

Thanks in advance.

GridView

answered on 19 Jun 2015

1 answer

235 views

printable panel and radprintdocument

(I posted this in general discussion, but I think that was wrong place). Issue: I had no trouble creating a printable panel control using the documentation provided. However if I add header and footer height and text to the radprintdocument in the control, the panel is printed overtop of the header. How can I change so this doesn't happen? (code for print preview of printable panel pnlCashReceiptsSummary and of custom control below) Code I'm using for print preview:Dim doc As New RadPrintDocument()
doc.DefaultPageSettings.Landscape = True

doc.HeaderHeight = 100
doc.HeaderFont = New Font("Arial", 14, FontStyle.Bold)
doc.RightHeader = "AAAA"
doc.LeftHeader = "[Date Printed]"
doc.FooterHeight = 100
doc.FooterFont = New Font("Arial", 12)
doc.LeftFooter = GlobalVariables.CurrentDealer.Dealer_Fxd.DealerCode pnlCashReceiptsSummary.PrintPreview(doc) My Control : Imports Telerik.WinControls.UI
Imports System.Drawing.Printing

Public Class PrintablePanel
Inherits RadPanel
Implements IPrintable

Public Function BeginPrint(sender As RadPrintDocument, args As PrintEventArgs) As Integer Implements IPrintable.BeginPrint

Return 1
End Function

Public Function EndPrint(sender As RadPrintDocument, args As PrintEventArgs) As Boolean Implements IPrintable.EndPrint
Return True
End Function

Public Function GetSettingsDialog(document As RadPrintDocument) As Form Implements IPrintable.GetSettingsDialog
Return New PrintSettingsDialog(document)
End Function

Public Function PrintPage(pageNumber As Integer, sender As RadPrintDocument, args As PrintPageEventArgs) As Boolean Implements IPrintable.PrintPage
Dim bmp As New Bitmap(Me.Width, Me.Height)
Me.DrawToBitmap(bmp, New Rectangle(Point.Empty, Me.Size))
args.Graphics.DrawImage(bmp, Point.Empty)
Return False
End Function

Public Sub Print(ByVal doc As RadPrintDocument)
doc.AssociatedObject = Me
doc.Print()
End Sub

Public Sub PrintPreview(ByVal doc As RadPrintDocument)
doc.AssociatedObject = Me
Dim dialog As New RadPrintPreviewDialog(doc)
dialog.ThemeName = Me.ThemeName
dialog.ShowDialog()
End Sub

Private Function CreatePrintDocument() As RadPrintDocument
Dim doc As New RadPrintDocument()
doc.AssociatedObject = Me
Return doc
End Function
End Class

Panel

answered on 18 Jun 2015

2 answers

220 views

Printable Panel Header and Footer

I had no trouble creating a printable panel control using the documentation provided. However if I add header and footer height and text to the radprintdocument in the control, the panel is printed overtop of the header. How can I change so this doesn't happen? (code for print preview of printable panel pnlCashReceiptsSummary and of custom control below)

Code I'm using for print preview:

Dim doc As New RadPrintDocument()
doc.DefaultPageSettings.Landscape = True

doc.HeaderHeight = 100
doc.HeaderFont = New Font("Arial", 14, FontStyle.Bold)
doc.RightHeader = "AAAA"
doc.LeftHeader = "[Date Printed]"
doc.FooterHeight = 100
doc.FooterFont = New Font("Arial", 12)
doc.LeftFooter = GlobalVariables.CurrentDealer.Dealer_Fxd.DealerCode

pnlCashReceiptsSummary.PrintPreview(doc)

My Control :

Imports Telerik.WinControls.UI
Imports System.Drawing.Printing

Public Class PrintablePanel
Inherits RadPanel
Implements IPrintable

Public Function BeginPrint(sender As RadPrintDocument, args As PrintEventArgs) As Integer Implements IPrintable.BeginPrint

Return 1
End Function

Public Function EndPrint(sender As RadPrintDocument, args As PrintEventArgs) As Boolean Implements IPrintable.EndPrint
Return True
End Function

Public Function GetSettingsDialog(document As RadPrintDocument) As Form Implements IPrintable.GetSettingsDialog
Return New PrintSettingsDialog(document)
End Function

Public Function PrintPage(pageNumber As Integer, sender As RadPrintDocument, args As PrintPageEventArgs) As Boolean Implements IPrintable.PrintPage
Dim bmp As New Bitmap(Me.Width, Me.Height)
Me.DrawToBitmap(bmp, New Rectangle(Point.Empty, Me.Size))
args.Graphics.DrawImage(bmp, Point.Empty)
Return False
End Function

Public Sub Print(ByVal doc As RadPrintDocument)
doc.AssociatedObject = Me
doc.Print()
End Sub

Public Sub PrintPreview(ByVal doc As RadPrintDocument)
doc.AssociatedObject = Me
Dim dialog As New RadPrintPreviewDialog(doc)
dialog.ThemeName = Me.ThemeName
dialog.ShowDialog()
End Sub

Private Function CreatePrintDocument() As RadPrintDocument
Dim doc As New RadPrintDocument()
doc.AssociatedObject = Me
Return doc
End Function
End Class

General Discussions

answered on 18 Jun 2015

5 answers

204 views

some questions and found glitches

I've created a simple test application to test the RadPanorama.
My questions:

Is there a way to say "This is the selected tile and this is the visual feedback for it"?
How do I know which is the parent group of a tile?
When rearranging the tiles via Drag&Drop there are always "gaps" in the layout. Is there a way to automatically "close" those gaps?

My found glitsches (see image):

When using a RoundRectShape(12) and setting the Image of a tile, the image is drawn outside of the tile. I've also tested this with BackgroundImage instead of Image.
When resizing the control, the scrollbar is going behind the tiles and there is no way to click the scrollbar.

For the sake of completeness, my source code:

//rama is the RadPanoramaControl

public class CustomItem

{

public string Group { get; set; }

public Color Back { get; set; }

public string Name { get; set; }

public int Index { get; set; }

public Image Picture { get; set; }

}

public partial class Form1 : Form

{

private const int COUNT = 30;

private List<CustomItem> ItemList = new List<CustomItem>();

public Form1()

{

InitializeComponent();

fillList();

}

private void fillList()

{

for (int i = 0; i < COUNT; i++)

{

using (Image image = Image.FromFile(@"C:\Users\Public\Pictures\Sample Pictures\JellyFish.jpg"))

{

Image thumb = image.GetThumbnailImage(120, 120, () => false, IntPtr.Zero);

ItemList.Add(new CustomItem

{

Group = "Group 1",

Back = Color.BlanchedAlmond,

Name = "1-Item " + i,

Index = i,

Picture = thumb

});

}

for (int i = 0; i < COUNT * 2; i++)

{

using (Image image = Image.FromFile(@"C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg"))

{

Image thumb = image.GetThumbnailImage(120, 120, () => false, IntPtr.Zero);

ItemList.Add(new CustomItem

{

Group = "Group 2",

Back = Color.LightSkyBlue,

Name = "2-Item " + i,

Index = i,

Picture = thumb

});

}

for (int i = 0; i < COUNT; i++)

{

ItemList.Add(new CustomItem

{

Group = "Group 3 has the looooooooooongest Name I've ever seen" + Environment.NewLine + " and even a second line",

Back = Color.LimeGreen,

Name = "3-Item " + i,

Index = i

});

}

for (int i = 0; i < COUNT; i++)

{

using (Image image = Image.FromFile(@"C:\Users\Public\Pictures\Sample Pictures\Desert.jpg"))

{

Image thumb = image.GetThumbnailImage(120, 120, () => false, IntPtr.Zero);

ItemList.Add(new CustomItem

{

Group = "Group 4",

Back = Color.LimeGreen,

Name = "4-Item " + i,

Index = i,

Picture = thumb

});

}

private void fillControl()

{

var groups = (from x in ItemList

select x.Group).Distinct();

foreach (var groupKey in groups)

{

int rowcount = groupKey == "Group 4" ? 5 : 3;

rama.Groups.Add(new TileGroupElement { Name = groupKey, Text = groupKey, RowsCount = rowcount });

}

foreach (var curViewItem in ItemList)

{

if (curViewItem.Index % 2 == 0)

{

Image thumb1;

Image thumb2;

using (Image image = Image.FromFile(@"C:\Users\Public\Pictures\Sample Pictures\Desert.jpg"))

{

thumb1 = image.GetThumbnailImage(120, 120, () => false, IntPtr.Zero);

}

using (Image image = Image.FromFile(@"C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"))

{

thumb2 = image.GetThumbnailImage(120, 120, () => false, IntPtr.Zero);

}

var liveTile = new RadLiveTileElement

{

//Text = curViewItem.Name,

BackColor = curViewItem.Back,

NumberOfColors = 1,

ColSpan = 1,

ForeColor = Color.CadetBlue,

Shape= new RoundRectShape(12)

//Image = curViewItem.Picture,

//ImageLayout = ImageLayout.Zoom,

//TextImageRelation = TextImageRelation.ImageAboveText

};

liveTile.Items.Add(new LightVisualElement

{

Text = "Movie Idea: Pirates of the Carribean",

Image = thumb1,

ImageLayout = ImageLayout.Zoom

});

liveTile.Items.Add(new LightVisualElement

{

//Text = "Movie Idea: Inception",

Image = thumb2,

ImageLayout = ImageLayout.Zoom

});

liveTile.Items.Add(new LightVisualElement

{

Text = "Movie Idea: The Expendables"

});

liveTile.Items.Add(new LightVisualElement

{

Text = "Movie Idea: Harry Potter and the Deathly Hallows"

});

liveTile.AnimationFrames = 60; //sets the number of frames in a transition

liveTile.AnimationInterval = 20; //sets the interval between each frame in the transition in miliseconds

liveTile.ContentChangeInterval = 6000; //sets the interval between each content change

liveTile.TransitionType = ContentTransitionType.SlideLeft; //sets the type of the transition animation

((TileGroupElement)rama.Groups[curViewItem.Group]).Items.Add(liveTile);

}

else

{

((TileGroupElement)rama.Groups[curViewItem.Group]).Items.Add(new RadTileElement

{

Text = curViewItem.Name,

BackColor = curViewItem.Back,

NumberOfColors = 1,

ColSpan = curViewItem.Index % 3 == 0 ? 2 : 1,

//BackgroundImage = curViewItem.Picture,

//BackgroundImageLayout=ImageLayout.Zoom,

Image = curViewItem.Picture,

ImageLayout = ImageLayout.Zoom,

TextImageRelation = TextImageRelation.ImageAboveText,

Shape = new RoundRectShape(12)

});

}

private void Form1_Load(object sender, EventArgs e)

{

rama.ShowGroups = true;

rama.AllowDragDrop = true;

rama.ScrollBarAlignment = HorizontalScrollAlignment.Bottom;

fillControl();

}

Panorama

answered on 18 Jun 2015

1 answer

103 views

Format Detail Records of Hierarchy

I have a grid that I'm binding to a dataset. The dataset has the datarelations defined on it prior to assigning it to the grid (meaning I am not defining any relations on the grid itself). The data is displayed as I want it, with all of the details information being displayed in grids on tabs with each parent row. What I need to be able to do now is format the grids containing the detail information. How can I access those? I normally format my grids simply by using grid.columns.<whatever> and setting the properties right after I bind to my dataset. If possible I'd like to just add my detail formatting in the step as well.

Thanks.

GridView

answered on 18 Jun 2015

1 answer

205 views

Autosize

Hello,

I have user control (AutoSize = True) with RichTextEditor inside.

I want to force RichTextEditor to show all content all the time.

First when user enter text, it should not show VerticalScroll when user put to many lines. The control should re-size automatically (only Height should change).

Secondly, when I import content to RichTextEditor, it should automatically calculate size of document and make whole content visible.

Is that possible?

RichTextEditor

answered on 18 Jun 2015

1 answer

262 views

[Solved] Multiple Controls Side by Side Ribbon Bar Group

Hi,

I am new telerik components and hoping someone may be able to point me in right direction. I am attempting to add a label and datetime picker control side by side in my ribbon bar group. I have managed to get the label and datetime picker to appear on the same row (for lack of a better term) in the group, but they just overlap each other.

I found a similar thread called "Label in Ribbon Bar", which sets positioning of the controls in a panel...then the panel is added to the group as RadHostItem. I tried the suggested code, but it doesn't appear to work, as the ribbon group ended up empty...not displaying any controls. Then I tried without the panel. The label and datetime picker reappeared, but were still overlapped.

I have included a code snippet below. Any insight or help is appreciated.

RadLabel label = new RadLabel();
label.Location = new Point(5, 5);
label.Text = "test";
RadHostItem item1 = new RadHostItem(label); RadDateTimePicker picker = new RadDateTimePicker();
picker.Location = new Point(32, 5);
picker.MinimumSize = new Size(100, 0);
RadHostItem item2 = new RadHostItem(picker);
ribbonGroupSettings.Items.AddRange(new RadHostItem[] { item1, item2 }); ribbonGroupSettings.MinSize = new Size(ribbonGroupSettings.Size.Width + label.Width + 100 + padding, 0);

Thanks.

RibbonBar

answered on 18 Jun 2015

3 answers

147 views

All day appointment area scroll bar

Hi,

How can I set a vertical scroll bar in all day appointment area? I try to add a large number of all day events (for example 20). In some cases some events are not visible in all day area. Please take a look in attached screen shot.

Thanks in advance.

Scheduler and Reminder

answered on 17 Jun 2015

2 answers

394 views

RadMaskedEditBox with EMail MaskType

Hi,

I am using RadMaskedEditBox with EMail MaskType on my project. I want to know if its text is a valid email or not on the code side but i couldn't find a way to do it. How can i get the bool value of valid email address of RadMaskedEditBox?

MaskedEditBox

answered on 16 Jun 2015