5 Answers, 1 is accepted
0
Hello, William,
Thank you for writing.
In order to customize a specific element in RadDesktopAlert, it would be useful to get familiar with the internal element structure: https://docs.telerik.com/devtools/winforms/desktopalert/structure
You can specify the font to be used for RadDesktopAlert by using the following code snippet:
I hope this information helps. Should you have further questions I would be glad to help.
Regards,
Dess
Progress Telerik
Thank you for writing.
In order to customize a specific element in RadDesktopAlert, it would be useful to get familiar with the internal element structure: https://docs.telerik.com/devtools/winforms/desktopalert/structure
You can specify the font to be used for RadDesktopAlert by using the following code snippet:
this.radDesktopAlert1.CaptionText = "New E-mail Notification";this.radDesktopAlert1.ContentText = "Hello Jack, I am writing to inform you " + "that the planning meeting scheduled for Wednesday has been postponed and" + "it will eventually be rescheduled, possibly for the next Tuesday";this.radDesktopAlert1.Popup.AlertElement.ContentElement.Font = new Font("Arial", 8f, FontStyle.Italic);this.radDesktopAlert1.Popup.AlertElement.CaptionElement.TextAndButtonsElement.TextElement.Font = new Font("Verdana", 14f, FontStyle.Italic);this.radDesktopAlert1.Show();I hope this information helps. Should you have further questions I would be glad to help.
Regards,
Dess
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
wiquezada
Top achievements
Rank 1
Rank 1
answered on 09 Nov 2017, 02:04 PM
Dess,
Thank you very much, the information was very helpful for me.
One more question, is there any way to add padding to the Content Image?
Kind Regards,
William
0
Hello, William,
Thank you for writing back.
RadDesktopAlertElement is a derivative of LightVisualElement which displays the text and image. You can create a DockLayoutPanel and place two LightVisualElements, one for the image part and one for the text part. Thus, you can specify the desired Margin between the text and image parts. Here is a sample code snippet:
I hope this information helps. If you have any additional questions, please let me know.
Regards,
Dess
Progress Telerik
Thank you for writing back.
RadDesktopAlertElement is a derivative of LightVisualElement which displays the text and image. You can create a DockLayoutPanel and place two LightVisualElements, one for the image part and one for the text part. Thus, you can specify the desired Margin between the text and image parts. Here is a sample code snippet:
this.radDesktopAlert1.CaptionText = "New E-mail Notification";DockLayoutPanel dockPanel = new DockLayoutPanel();dockPanel.LastChildFill = true;dockPanel.StretchHorizontally = true;LightVisualElement imageElement = new LightVisualElement();imageElement.Image = Properties.Resources.send_email;imageElement.ImageLayout = ImageLayout.Zoom;LightVisualElement textElement = new LightVisualElement();textElement.Text = "<html><i><color= Red>You have 16 new email messages.";textElement.StretchHorizontally = true;textElement.TextAlignment = ContentAlignment.MiddleLeft;textElement.Margin = new System.Windows.Forms.Padding(10, 0, 0, 0);dockPanel.Children.Add(imageElement);dockPanel.Children.Add(textElement);this.radDesktopAlert1.Popup.AlertElement.ContentElement.Children.Add(dockPanel);this.radDesktopAlert1.Popup.AlertElement.ContentElement.TextAlignment = ContentAlignment.MiddleLeft;this.radDesktopAlert1.Popup.AlertElement.ContentElement.ImageAlignment = ContentAlignment.MiddleLeft;this.radDesktopAlert1.Show();I hope this information helps. If you have any additional questions, please let me know.
Regards,
Dess
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Kun
Top achievements
Rank 2
Rank 2
answered on 15 Feb 2019, 09:24 AM
Hello Dess,
Your method works great for me.
And then I put the definition of dockpanel in the myform.designer.vb (because I can't do the same thing in design view), it also works.
But since I modified something design in myform, the dockpanel part will be deleted automatically in myform.designer.vb.
Is there a conflict somewhere between dockpanel and form design ?
Thank you by advance.
0
Hi William,
The code in is regenerated each time you open the designer or Visual Studio. Instead, you can add it in the form constructor or use the forms Load event.
I hope this will be useful. Let me know if you have additional questions.
Regards,
Dimitar
Progress Telerik
The code in is regenerated each time you open the designer or Visual Studio. Instead, you can add it in the form constructor or use the forms Load event.
I hope this will be useful. Let me know if you have additional questions.
Regards,
Dimitar
Progress Telerik
Get quickly onboard and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.