test_page
Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| test_page [2024/02/10 20:18] – [* RadRibbonBar – rrb] admin | test_page [2024/02/10 20:34] (current) – [* RadWizard – rw] admin | ||
|---|---|---|---|
| Line 873: | Line 873: | ||
| * ‘Items’ collection defines ‘RadMenuItems’ (controls - buttons, etc) or ‘RadRibbonBarButtonGroup’ containers which include a border and allow vertical orientation. | * ‘Items’ collection defines ‘RadMenuItems’ (controls - buttons, etc) or ‘RadRibbonBarButtonGroup’ containers which include a border and allow vertical orientation. | ||
| * Set Buttons for AutoSize = False, TextWrap = True and set Size/Width = narrower so the text will wrap | * Set Buttons for AutoSize = False, TextWrap = True and set Size/Width = narrower so the text will wrap | ||
| - | * <color red> | + | * <color red> |
| + | |||
| + | RadRibbonBarButtonGroup – rrbbg | ||
| * ‘Orientation’ | * ‘Orientation’ | ||
| * ‘Horizontal’ default. Controls side by side. | * ‘Horizontal’ default. Controls side by side. | ||
| Line 913: | Line 916: | ||
| foreach (Telerik.WinControls.UI.RibbonTab item in radRibbonBar1.CommandTabs) { | foreach (Telerik.WinControls.UI.RibbonTab item in radRibbonBar1.CommandTabs) { | ||
| if (item.Text.ToLower().Contains(" | if (item.Text.ToLower().Contains(" | ||
| - | item.Visibility = Telerik.WinControls.ElementVisibility.Hidden; | + | item.Visibility = Telerik.WinControls.ElementVisibility.Hidden; |
| } | } | ||
| Line 1031: | Line 1034: | ||
| RadPanorama is a control that displays elements of type RadTileElement in a mosaic manner. This control is inspired by the Metro Start Menu screen of Windows 8. | RadPanorama is a control that displays elements of type RadTileElement in a mosaic manner. This control is inspired by the Metro Start Menu screen of Windows 8. | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| ==== RadShortcut (Hotkeys) ==== | ==== RadShortcut (Hotkeys) ==== | ||
| Line 1058: | Line 1061: | ||
| //NOTE: The control cannot be resized since it uses a bitmap for its background.// | //NOTE: The control cannot be resized since it uses a bitmap for its background.// | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| ==== RadDesktopAlert – rda ==== | ==== RadDesktopAlert – rda ==== | ||
| Line 1072: | Line 1075: | ||
| RadDesktopAlert component displays a small pop-up window on the screen to notify the user that a specific event has occurred in the application. | RadDesktopAlert component displays a small pop-up window on the screen to notify the user that a specific event has occurred in the application. | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| My sample project: [[file:/// | My sample project: [[file:/// | ||
| Line 1081: | Line 1084: | ||
| You can display multiple alert instances on the screen and the DesktopAlertManager will calculate the alerts’ location so that they do not overlap. Alerts are stacked on the screen in the order of their appearance. When an alert is closed, all related visible alerts are automatically relocated to utilize the screen real estate. To show multiple desktop alerts you must create a new instance for every alert. To replace an alert dispose the instance and create another new one. | You can display multiple alert instances on the screen and the DesktopAlertManager will calculate the alerts’ location so that they do not overlap. Alerts are stacked on the screen in the order of their appearance. When an alert is closed, all related visible alerts are automatically relocated to utilize the screen real estate. To show multiple desktop alerts you must create a new instance for every alert. To replace an alert dispose the instance and create another new one. | ||
| - | + | <code csharp> | |
| - | int i ; %%//%% create multiple instances of the | + | int i ; // create multiple instances of the |
| for (i = 0; i <= 2; i++) | for (i = 0; i <= 2; i++) | ||
| - | |||
| { | { | ||
| - | + | | |
| - | RadDesktopAlert a = new RadDesktopAlert(); | + | a.CaptionText = i.ToString(); |
| - | + | a.Show(); | |
| - | a.CaptionText = i.ToString(); | + | |
| - | + | ||
| - | a.Show(); | + | |
| } | } | ||
| + | </ | ||
| RadDesktopAllert does not support auto-size mode. You must set the size of the control so your contents will fit. | RadDesktopAllert does not support auto-size mode. You must set the size of the control so your contents will fit. | ||
| Line 1106: | Line 1104: | ||
| [[http:// | [[http:// | ||
| - | You can add a button (or other element) to any control, including an Alert. Here’s how to add a button:\\ | + | You can add a button (or other element) to any control, including an Alert. Here’s how to add a button: |
| + | <code csharp> | ||
| RadButtonElement element = new RadButtonElement(); | RadButtonElement element = new RadButtonElement(); | ||
| - | |||
| element.Text = " | element.Text = " | ||
| - | |||
| element.MaxSize = new Size(20, 20); | element.MaxSize = new Size(20, 20); | ||
| - | |||
| this.radDesktopAlert1.Popup.AlertElement.ContentElement.Children.Add(element); | this.radDesktopAlert1.Popup.AlertElement.ContentElement.Children.Add(element); | ||
| + | </ | ||
| - | [[http:// | + | [[http:// |
| //You can Preview the Alert in the IDE from the control Smart Tag in the Component Bin.// | //You can Preview the Alert in the IDE from the control Smart Tag in the Component Bin.// | ||
| Line 1138: | Line 1135: | ||
| * ‘PinButton’ pin the alert on the screen and prevent it from being closed automatically. ShowPinButton to show/hide the button. | * ‘PinButton’ pin the alert on the screen and prevent it from being closed automatically. ShowPinButton to show/hide the button. | ||
| * ‘OptionsButton’ displays a drop-down menu with user-defined content from the OptionItems collection. Use ShowOptionsButton to show/hide the button. | * ‘OptionsButton’ displays a drop-down menu with user-defined content from the OptionItems collection. Use ShowOptionsButton to show/hide the button. | ||
| - | * | + | |
| ==== RadHScrollBar – rhsb ==== | ==== RadHScrollBar – rhsb ==== | ||
| Line 1152: | Line 1149: | ||
| Telerik themeable label with [[http:// | Telerik themeable label with [[http:// | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| //NOTE: Our design policy it to only change the control name from default if we will programmatically change the text.// | //NOTE: Our design policy it to only change the control name from default if we will programmatically change the text.// | ||
| Line 1160: | Line 1157: | ||
| * ' | * ' | ||
| * ' | * ' | ||
| - | * Multiline RadLabel - Set 'Auto Size' = False and ‘TextWrap’ = True. Then go directly to the ' | + | * <color red>Multiline RadLabel - Set 'Auto Size' = False and ‘TextWrap’ = True. Then go directly to the ' |
| Custom Text Formatting via MarkupEditor | Custom Text Formatting via MarkupEditor | ||
| Line 1198: | Line 1195: | ||
| Here’s the HTML for our company blurb for wizard pages, etc. (Set ‘TextAlignment’ = MiddleCenter): | Here’s the HTML for our company blurb for wizard pages, etc. (Set ‘TextAlignment’ = MiddleCenter): | ||
| + | <code html> | ||
| < | < | ||
| + | </ | ||
| + | |||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| - | ### I DON'T KNOW HOW TO CENTER TEXT IN A MULTI-LINE LABEL | + | <color red>### I DON'T KNOW HOW TO CENTER TEXT IN A MULTI-LINE LABEL</ |
| === Dynamically Add Text to a Label === | === Dynamically Add Text to a Label === | ||
| - | ### grab code from TMFU | + | <color red>### grab code from TMFU</ |
| === Dynamically Replace some Placeholder Text in a Label === | === Dynamically Replace some Placeholder Text in a Label === | ||
| - | ### grab code from TMFU & ask Larry how he worked out the issue with the Placeholder Text is not there for the 2< | + | <color red>### grab code from TMFU & ask Larry how he worked out the issue with the Placeholder Text is not there for the 2< |
| ==== RadPrintDocument – rpd ==== | ==== RadPrintDocument – rpd ==== | ||
| Line 1223: | Line 1222: | ||
| RadProgressBar is designed to display progress information to the user during a long-running operation. | RadProgressBar is designed to display progress information to the user during a long-running operation. | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| **### Need an example** | **### Need an example** | ||
| Line 1237: | Line 1236: | ||
| Like a progress bar but with no start or end. It just shows activity. | Like a progress bar but with no start or end. It just shows activity. | ||
| - | ^{{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | ^{{tdn: |
| - | | |{{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | | |{{tdn: |
| Properties | Properties | ||
| Line 1271: | Line 1270: | ||
| RadRating is a flexible UI component that allows users to place their rating by selecting from a finite number of items (stars, diamonds and hearts). The developers can fully customize the control by configuring its orientation, | RadRating is a flexible UI component that allows users to place their rating by selecting from a finite number of items (stars, diamonds and hearts). The developers can fully customize the control by configuring its orientation, | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| ==== RadRotator – rrot ==== | ==== RadRotator – rrot ==== | ||
| Line 1279: | Line 1278: | ||
| RadRotator is a multipurpose component for content rotation and personalization. Highly customizable, | RadRotator is a multipurpose component for content rotation and personalization. Highly customizable, | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| ==== RadTitleBar – rtb ==== | ==== RadTitleBar – rtb ==== | ||
| Line 1293: | Line 1292: | ||
| To customize the help, minimize, maximize and close buttons, use the RadTitleBar.TitleBarElement' | To customize the help, minimize, maximize and close buttons, use the RadTitleBar.TitleBarElement' | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| //Note: By default, the HelpButton is not shown. It is necessary to set its Visibility property to ElementVisibility.Visible in order to be displayed.// | //Note: By default, the HelpButton is not shown. It is necessary to set its Visibility property to ElementVisibility.Visible in order to be displayed.// | ||
| Line 1307: | Line 1306: | ||
| Using Telerik scrollbars is a bit more intricate compared to using the standard scrollbars because you have to handle scroll event manually. Add a RadPanel to your form then add a RadVScrollbar in the panel and dock it to the Right. Add another RadPanel inside the 1< | Using Telerik scrollbars is a bit more intricate compared to using the standard scrollbars because you have to handle scroll event manually. Add a RadPanel to your form then add a RadVScrollbar in the panel and dock it to the Right. Add another RadPanel inside the 1< | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| Then subscribe to the Scroll event of the vertical scrollbar and assign its negated value to the Top property of the second RadPanel: | Then subscribe to the Scroll event of the vertical scrollbar and assign its negated value to the Top property of the second RadPanel: | ||
| + | <code csharp> | ||
| void radVScrollBar1_Scroll(object sender, ScrollEventArgs e) | void radVScrollBar1_Scroll(object sender, ScrollEventArgs e) | ||
| - | |||
| { | { | ||
| - | + | this.radPanel2.Top = -this.radVScrollBar1.Value; | |
| - | this.radPanel2.Top = -this.radVScrollBar1.Value; | + | |
| } | } | ||
| + | </ | ||
| Finally, set the Maximum property of the scrollbar to reflect the size of the scrollable height which is the total height of the scrollable content minus the visible height. For the example of this section in particular, that is the height of the second panel minus the height of the first panel. | Finally, set the Maximum property of the scrollbar to reflect the size of the scrollable height which is the total height of the scrollable content minus the visible height. For the example of this section in particular, that is the height of the second panel minus the height of the first panel. | ||
| + | <code csharp> | ||
| this.radVScrollBar1.Maximum = this.radPanel2.Size.Height - this.radPanel1.Size.Height; | this.radVScrollBar1.Maximum = this.radPanel2.Size.Height - this.radPanel1.Size.Height; | ||
| + | </ | ||
| ==== * RadWizard – rw ==== | ==== * RadWizard – rw ==== | ||
| - | http:// | + | http:// |
| http:// | http:// | ||
| Design Time Settings http:// | Design Time Settings http:// | ||
| Line 1332: | Line 1328: | ||
| Wizard dialog with multiple pages and < | Wizard dialog with multiple pages and < | ||
| - | {{vertopal_daaeffda7d704b80a16bba19fb3588e8/ | + | {{tdn: |
| * Could leave as default assigned name unless we will use more than one Wizard in a project. | * Could leave as default assigned name unless we will use more than one Wizard in a project. | ||
| Line 1369: | Line 1365: | ||
| > [[http:// | > [[http:// | ||
| > | > | ||
| - | > Subscribe to the Next event | + | Subscribe to the Next event |
| - | > | + | this.radWizard1.Next += new WizardCancelEventHandler(radWizard1_Next); |
| - | > this.radWizard1.Next += new WizardCancelEventHandler(radWizard1_Next); | + | Handle the Next event |
| - | > | + | <code csharp> |
| - | > Handle the Next event | + | private void radWizard1_Next(object sender, WizardCancelEventArgs e) |
| - | > | + | { |
| - | > private void radWizard1_Next(object sender, WizardCancelEventArgs e) | + | |
| - | > | + | |
| - | > { | + | |
| - | > | + | |
| - | > if (this.radWizard1.SelectedPage == this.radWizard1.Pages[1]) %%//%% Check if this is the desired page | + | |
| - | > | + | |
| - | > { | + | } |
| - | > | + | } |
| - | > %%//%% Do some validation here | + | </code> |
| - | > | + | |
| - | > e.Cancel = true; %%//%% If the validation does not pass | + | |
| - | > | + | |
| - | > this.radWizard1.SelectedPage = this.radWizard1.Pages[0]; | + | |
| - | > | + | |
| - | > %%//%% Or you could show some message to the user | + | |
| - | > | + | |
| - | > } | + | |
| - | > | + | |
| - | > } | + | |
| * Previous - Fires when the Back command button is clicked. It is cancelable event. | * Previous - Fires when the Back command button is clicked. It is cancelable event. | ||
| * SelectedPageChanging - Fires before the selected page of RadWizard is changed. It is cancelable event. The arguments of the event provide the selected page of the control and the page to be selected. | * SelectedPageChanging - Fires before the selected page of RadWizard is changed. It is cancelable event. The arguments of the event provide the selected page of the control and the page to be selected. | ||
test_page.1707614317.txt.gz · Last modified: 2024/02/10 20:18 by admin