My DokuWiki

User Tools

Site Tools

Trace:
test_page

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
test_page [2024/02/10 20:29] – [RadWaitingBar – rwb] admintest_page [2024/02/10 20:34] (current) – [* RadWizard – rw] admin
Line 1236: 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.
  
-^{{tdn:image128.gif?93x183|A green and white striped object Description automatically generated}}^{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image50.gif?261x46}}^ +^{{tdn:image129.gif?93x183|A green and white striped object Description automatically generated}}^{{tdn:image130.gif?261x46}}^ 
-|                                                                                                                                           |{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image51.gif?410x44}}|+|                                                                                                                                           |{{tdn:image131.gif?410x44}}|
  
 Properties Properties
Line 1270: 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, rating precision, direction etc. 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, rating precision, direction etc.
  
-{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image52.png?277x119|A screenshot of a computer Description automatically generated}}+{{tdn:image132.png?277x119|A screenshot of a computer Description automatically generated}}
  
 ==== RadRotator – rrot ==== ==== RadRotator – rrot ====
Line 1278: Line 1278:
 RadRotator is a multipurpose component for content rotation and personalization. Highly customizable, it delivers high interactivity and user involvement. You can display a series of images, web URLs or any collection of rad elements. Animation between frames can be opaque or transparent and the movement can be in any direction. You can adjust the level of granularity and interval between frames. RadRotator is a multipurpose component for content rotation and personalization. Highly customizable, it delivers high interactivity and user involvement. You can display a series of images, web URLs or any collection of rad elements. Animation between frames can be opaque or transparent and the movement can be in any direction. You can adjust the level of granularity and interval between frames.
  
-{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image53.png?340x287|A screenshot of a computer Description automatically generated}}+{{tdn:image133.png?340x287|A screenshot of a computer Description automatically generated}}
  
 ==== RadTitleBar – rtb ==== ==== RadTitleBar – rtb ====
Line 1292: Line 1292:
 To customize the help, minimize, maximize and close buttons, use the RadTitleBar.TitleBarElement's HelpButton, MinimizeButton, MaximizeButton and CloseButton objects. Each button is a RadButtonElement type that include properties to control text, image, and layout. To customize the help, minimize, maximize and close buttons, use the RadTitleBar.TitleBarElement's HelpButton, MinimizeButton, MaximizeButton and CloseButton objects. Each button is a RadButtonElement type that include properties to control text, image, and layout.
  
-{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image54.png?290x39|A green line on a white background Description automatically generated}}+{{tdn:image134.png?290x39|A green line on a white background Description automatically generated}}
  
 //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 1306: 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<sup>st</sup> RadPanel and set its height to the total height you want to be available upon scrolling (taller than the 1<sup>st</sup> RadPanel). This value can be statics e.g. 1000 pixels or dynamic determined by the scrollable content. Now add controls (the controls which are to be scrolled) to the second RadPanel. 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<sup>st</sup> RadPanel and set its height to the total height you want to be available upon scrolling (taller than the 1<sup>st</sup> RadPanel). This value can be statics e.g. 1000 pixels or dynamic determined by the scrollable content. Now add controls (the controls which are to be scrolled) to the second RadPanel.
  
-{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image55.png?192x172|A white background with black squares Description automatically generated}}+{{tdn:image135.png?192x172|A white background with black squares Description automatically generated}}
  
 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; +
 } }
 +</code>
  
 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;
 +</code>
 ==== * RadWizard – rw  ==== ==== * RadWizard – rw  ====
  
-http://www.telerik.com/help/winforms/wizard-overview.html +http://www.telerik.com/help/winforms/wizard-overview.html\\
 http://www.telerik.com/community/forums/winforms/wizard.aspx\\ http://www.telerik.com/community/forums/winforms/wizard.aspx\\
 Design Time Settings http://www.telerik.com/help/winforms/wizard-design-time.html Design Time Settings http://www.telerik.com/help/winforms/wizard-design-time.html
Line 1331: Line 1328:
 Wizard dialog with multiple pages and <Back><Next> buttons. Wizard dialog with multiple pages and <Back><Next> buttons.
  
-{{vertopal_daaeffda7d704b80a16bba19fb3588e8/media/image56.png?368x272|A screenshot of a computer Description automatically generated}}+{{tdn:image136.png?368x272|A screenshot of a computer Description automatically generated}}
  
   * 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 1368: Line 1365:
 > [[http://www.telerik.com/forums/how-to-add-custom-functionality-to-next-button-in-a-wizard|Add custom/Validation functionality to Wizard Next Button]] > [[http://www.telerik.com/forums/how-to-add-custom-functionality-to-next-button-in-a-wizard|Add custom/Validation functionality to Wizard Next Button]]
 >  > 
-> 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 
->  +     e.Cancel = true; %%//%% If the validation does not pass 
-> if (this.radWizard1.SelectedPage == this.radWizard1.Pages[1]) %%//%% Check if this is the desired page +     this.radWizard1.SelectedPage = this.radWizard1.Pages[0]; %%//%% Could return to 1<sup>st</sup> page 
->  +     // Or you could show some message to the user 
-> { +   } 
->  +} 
-> %%//%% Do some validation here +</code>
->  +
-> e.Cancel = true; %%//%% If the validation does not pass +
->  +
-> this.radWizard1.SelectedPage = this.radWizard1.Pages[0]; %%//%% Could return to 1<sup>st</sup> page +
->  +
-> %%//%% 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.1707614952.txt.gz · Last modified: 2024/02/10 20:29 by admin
Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki