CreateUser Wizard

sophia · November 13th, 2011, 04:16 PM

Hello folks,
I have few questions about create user wizard.
First is how we can get client id of create user button in createuser wizard?

Thanks.

Imar · November 13th, 2011, 04:21 PM

Just look in the final HTML in the browser and you'll see the ID.

You can also convert the control to a template using the Smart Tasks panel and then manually set the client ID, or assign a CSS class in case you want to access the button with jQuery.

Cheers,

Imar

sophia · November 13th, 2011, 04:47 PM

Hi Imar,
I have followed both options already. Using the Id I got from HTML works fine. but it sometimes causes problems when we change it to Image button/ link button then its id changes accordingly and hence requires manual updation of code.

Regarding second approach I have already done so, but I can not see any create button reference. Code all the way down of wizard is like this...

Code:

<tr>
                                            <td align="center" colspan="2">
                                                <asp:RegularExpressionValidator ID="EmailRegExp" runat="server" 
                                                    ControlToValidate="Email" Display="Dynamic" 
                                                    ErrorMessage="Please enter e-mail in proper format." 
                                                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                                                    ValidationGroup="CreateUserWizard1"></asp:RegularExpressionValidator>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td align="center" colspan="2" style="color:Red;">
                                            <div style="text-align:center; color:Red;">
                                                <asp:Literal ID="ErrorMessage" runat="server" EnableViewState="False"></asp:Literal>
                                            </div>
                                            </td>
                                        </tr>
                                    </table>
                                </ContentTemplate>
                            </asp:CreateUserWizardStep>
                            <asp:CompleteWizardStep ID="CompleteWizardStep1" runat="server">
                            </asp:CompleteWizardStep>
                        </WizardSteps>
                    </asp:CreateUserWizard>

Thanks...

Imar · November 14th, 2011, 03:58 AM

If you choose Convert to Custom Navigation template on the Smart Tasks panel you'll get the HTML for the Create User button.

Cheers,

Imar

sophia · November 14th, 2011, 12:08 PM

Hi Imar,
I can see the id of button now, it is StepNextButton. But I am having problem while accessing its client id in jquery.

I am using following code.

Code:

$("#<%= CreateUserWizard1.ClientID %>_CreateUserStepContainer_StepNextButton").click(function ()

What is wrong here???

Imar · November 14th, 2011, 01:49 PM

How does the ID end up in the client code and does that align with the actual ID? Can you post both?

Two alternatives:

1. Set the ClientIDMode to override the ID

2 Use a CSS class and then use .YourClass to get access to the button.

Cheers,

Imar

sophia · November 14th, 2011, 02:22 PM

Hi Imar,

in actual code it is

Code:

<StepNavigationTemplate>
                            <asp:Button ID="StepPreviousButton" runat="server" CausesValidation="False" 
                                CommandName="MovePrevious" Text="Previous" />
                            <asp:Button ID="StepNextButton" runat="server" CommandName="MoveNext" 
                                Text="Next" />
                        </StepNavigationTemplate>

in the client code it is referenced as...

Code:

<td align="right"><input type="image" name="CreateUserWizard1$__CustomNav0$StepNextButtonImageButton" id="CreateUserWizard1___CustomNav0_StepNextButtonImageButton" src="Images/button.png" alt="Create User" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;CreateUserWizard1$__CustomNav0$StepNextButtonImageButton&quot;, &quot;&quot;, true, &quot;CreateUserWizard1&quot;, &quot;&quot;, false, false))" /></td>

Imar · November 14th, 2011, 02:46 PM

Yes? And what about the code with the jQuery in it? And did you try my other two suggestions? Way easier to implement.....

Cheers,

Imar

sophia · November 14th, 2011, 03:49 PM

I am using the following jquery in head section:

Code:

<script type="text/javascript">
        $(document).ready(function ()
        {
            $("#<%= CreateUserWizard1.ClientID %>_CreateUserStepContainer_StepNextButton").click(function ()
            {

I am using the image button for create user button in this example. I am trying with other two alternatives.

sophia · November 14th, 2011, 04:08 PM

while I am working with first question, there is one more question.
I have setup requiresQuestionAndAnswe to false in web.config file. it works as intended when create user wizard is in its default form but when it is in its template form then this does not work.

How this behavior can be conquered?

Thanks