RadWizard - Customize Buttons

7 posts, 1 answers
  1. J
    J avatar
    103 posts
    Member since:
    Feb 2013

    Posted 05 Dec 2014 Link to this post

    Is there a way to customize the buttons on the bottom command area?  It seems like you can with the WinForms version but not the ASP.NET Ajax version.  We'd like to add our own buttons into the process (such as 'Skip Step' which will move forward without saving as opposed to 'Next' which would save and move forward).
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 10 Dec 2014 Link to this post

    Hello,

    You can use the RadWizard Localization-NexStep property in order to set different text for the next button. Also you can use the NextButtonClick server-side event handler to implement your own logic when the button is clicked.
    //markup code
    <telerik:RadWizard .... Localization-Next="SkipStep" OnNextButtonClick="RadWizard1_NextButtonClick"></telerik:RadWizard>



    Regards,
    Boyan Dimitrov
    Telerik
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. J
    J avatar
    103 posts
    Member since:
    Feb 2013

    Posted 10 Dec 2014 in reply to Boyan Dimitrov Link to this post

    I'm aware of that but that's not what I mean.

    I want to add a 'Skip' button which is NOT the same as the 'Next' button into the same area where the 'Back' and 'Next' buttons go.
  5. J
    J avatar
    103 posts
    Member since:
    Feb 2013

    Posted 11 Dec 2014 in reply to J Link to this post

    As in something like this:

    {CONTENT}
    ---------------------------------------------------------------
    {BACK}                                    {SKIP}   {NEXT}
  6. J
    J avatar
    103 posts
    Member since:
    Feb 2013

    Posted 15 Dec 2014 Link to this post

    *crickets*
  7. Answer
    Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    1746 posts

    Posted 16 Dec 2014 Link to this post

    Hello,

    Please find below a sample RadWizard control configured to have Back, Skip and Next buttons. As I mentioned in order those buttons to behave as expected you have to subscribe for the server events of those buttons and implement your own custom logic.

    In other words the "Back" button will be shown in place of the default "Cancel" button, but if you want to implement back functionality you have to subscribe for the  OnCancelButtonClick and force the RadWizard to change the current active step to the previous one (if this step exists). Sample thing applies for "Skip" button.
    //markup code
    <telerik:RadWizard ID="RadWizard1" runat="server" Height="360px" Localization-Previous="Skip" Localization-Cancel="Back" DisplayCancelButton="true" OnCancelButtonClick="RadWizard1_CancelButtonClick">
        <WizardSteps>
    ......
    </telerik:RadWizard>


    Regards,
    Boyan Dimitrov
    Telerik
  8. J
    J avatar
    103 posts
    Member since:
    Feb 2013

    Posted 16 Dec 2014 in reply to Boyan Dimitrov Link to this post

    Marking this as answered but that's such a cludgey way to do what we want and still limits us to only having 3 buttons.

    Maybe as a feature idea for the future, make it so we can add custom buttons and click handlers for them to the command area.  This does not seem like a clean approach for this, especially considering we only want it like that for 1 or 2 steps in the wizard, not all of them.  If we have to do what you describe, we might as well hide the command bar and make our own and then use js/css to make it seem like it's part of the wizard.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017