dotNETportal.cz

Dobrý den,

používám providery Altairis a pomocí průvodce CreateUserWizard připravuji stránku pro přidání zákazníků. Jelikož potřebuji od zákazníků větší množství informací, používám i PROFILE providera.

Svůj formulář mám rozdělen do tří kroků, kde v prvním kroku (asp:WizardStep) zákazník zadává rozšířené informace jako je jméno,adresa,provozní doba atd. (použití profile providera), v dalším kroku (asp:CreateUserWizardStep) je požadováno Uživatelské jméno, Heslo, Potvrzení hesla a Email a v posledním kroku (asp:CompleteWizardStep) mám rekapitulaci.

Dále mám vygenerovány následující šablony pro tlačítka na prvním a posledním kroku, kde mohu upravovat jejich vlastnosti.

          <StartNavigationTemplate>
            <asp:Button ID="StartNextButton" runat="server" CommandName="MoveNext" Text="Pokračovat" CausesValidation="false" ValidationGroup="ValidationWizardStep" TabIndex="28" />
            <asp:Button ID="CancelButton" runat="server" CommandName="MoveCancel" Text="Zrušit" TabIndex="29" />       
          </StartNavigationTemplate>
          
          <FinishNavigationTemplate>
            <asp:Button ID="FinishPreviousButton" runat="server" CausesValidation="False" CommandName="MovePrevious" Text="Předchozí" />
            <asp:Button ID="FinishButton" runat="server" CommandName="MoveComplete" Text="Registrovat" />
          </FinishNavigationTemplate>

Problém: Potřeboval bych upravit vlastnosti (zarovnat na střed) tlačítka v kroku (asp:CreateUserWizardStep), kde se tlačítko generuje automaticky a některé vlastnosti jako např. CreateUserButtonText="Vytvořit účet" lze zadat v nadřazené komponentě (asp:CreateUserWizard) - nenašel jsem však vlastnost, která by upravovala umístění tlačítka na stránce.

Děkuji za pomoc

Určitě by to mělo jít pomocí CSS stylů.

No možná by to šlo i pomocí CSS stylů,ale netuším jak..jediná možnost co mě napadá je rozepsat do CreateUserWizardStep jednotlivé položky do sekce <ContentTemplate>

je to sice opruz,ale můžeš si tak nadefinovat vzhled formuláře :))

Já mám v <asp:CreateUserWizardStep> sekci <ContentTemplate>, ve které upravuji vlastnosti a umístění jednotlivých polí (viz.níže), ale zde není žádn0 tlačítko.

Tlačítko se mi do formuláře vkládá automaticky a jeho vlastnosti jsou někde nastavené, proto jej nemohu editovat.

              <asp:CreateUserWizardStep ID="CreateUserWizardStep1" runat="server" Title="Step_02">
                <ContentTemplate>
                  <table style="width:680px; text-align:left; border:0;">
                    <tr>
                      <td colspan="5" style="height:18px; background-image: url('images/step_2.gif');"></td>
                    </tr>
                    <tr>
                      <td colspan="5">&nbsp;</td>
                    </tr>
                    <tr>
                      <td colspan="5" align="center" style="color:Blue; font-size:12px; font-style:italic;">Zadejte následující registrační údaje:</td>
                    </tr>
                    <tr>
                      <td width="170"></td>
                      <td colspan="3" align="center">
                        <table style="width:340px; border-color:Blue; border-style:solid; border-width:1px;">                        
                          <tr>
                            <td colspan="3">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="170" align="left">
                              <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">&nbsp;&nbsp;Uživatelské jméno:</asp:Label></td>
                            <td width="150">
                              <asp:TextBox ID="UserName" runat="server" Width="140px"></asp:TextBox></td>
                            <td width="20">
                              <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 
                               ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator></td>
                          </tr>
                          <tr>
                            <td colspan="3">&nbsp;</td>
                          </tr>                        
                          <tr>
                            <td width="170" align="left">
                              <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">&nbsp;&nbsp;Heslo:</asp:Label></td>
                            <td width="150">
                              <asp:TextBox ID="Password" runat="server" TextMode="Password" Width="140px"></asp:TextBox></td>
                            <td width="20">
                              <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                               ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator></td>
                          </tr>
                          <tr>
                            <td width="170" align="left">
                              <asp:Label ID="ConfirmPasswordLabel" runat="server" AssociatedControlID="ConfirmPassword">&nbsp;&nbsp;Ověření hesla:</asp:Label></td>
                            <td width="150">
                              <asp:TextBox ID="ConfirmPassword" runat="server" TextMode="Password" Width="140px"></asp:TextBox></td>
                            <td width="20">
                              <asp:RequiredFieldValidator ID="ConfirmPasswordRequired" runat="server" ControlToValidate="ConfirmPassword" 
                               ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator></td>                            
                          </tr>
                          <tr>
                            <td colspan="3">&nbsp;</td>
                          </tr>
                          <tr>
                            <td width="170" align="left">
                              <asp:Label ID="EmailLabel" runat="server" AssociatedControlID="Email">&nbsp;&nbsp;Registrační E-mail:</asp:Label></td>
                            <td width="150">
                              <asp:TextBox ID="Email" runat="server" Width="140px"></asp:TextBox></td>
                            <td width="20">
                              <asp:RequiredFieldValidator ID="EmailRequired" runat="server" ControlToValidate="Email"
                               ValidationGroup="CreateUserWizard1">*</asp:RequiredFieldValidator></td>
                          </tr>
                          <tr>
                            <td colspan="3">&nbsp;</td>
                          </tr>                       
                        </table>
                      </td>
                      <td width="170"></td>
                    </tr>
                    <tr>
                      <td width="170"></td>
                      <td colspan="3" align="center">
                        <table style="width:320px; height:50px; border:0;">
                          <tr>
                            <td style="background-image: url('images/bgr_note.jpg');">
                              <table style="width:300px; height:40px; border:0;">
                                <tr>
                                  <td width="30" align="left">[*]</td>
                                  <td width="270" align="left">- označená pole jsou povinná !!!</td>
                                </tr>
                                <tr>
                                  <td width="30" align="left">[?]</td>
                                  <td width="270" align="left">- označená pole nejsou zadána korektně !!!</td>
                                </tr>
                                <tr>
                                  <td width="30"></td>
                                  <td width="270"></td>
                                </tr>
                                <tr>
                                  <td colspan="2">(Správný formát se Vám zobrazí nad daným polem)</td>
                                </tr>                                
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                      <td width="170"></td>
                    </tr>
                    <tr>
                      <td width="170"></td>
                      <td colspan="3" align="center">
                        <table style="width:340px; border-color:Blue; border-style:solid; border-width:1px;">                        
                          <tr>
                            <td width="300">Souhlasím s podmínkami ...</td>
                            <td width="40"><asp:CheckBox ID="CheckBox2" runat="server" /></td>
                          </tr>                          
                          <tr>                         
                            <td colspan="2" style="color:Red;">   
                              <asp:Literal ID="ErrorMessage" runat="server" EnableViewState="false"></asp:Literal></td>
                          </tr>                       
                        </table>
                      </td>
                      <td width="170"></td>
                    </tr>
                    <tr>
                      <td colspan="5"></td>
                    </tr>

                  </table>
                </ContentTemplate>
              </asp:CreateUserWizardStep>

Ještě jedna poznámka - pokud si zobrazím formulář v design režimu tak tam to tlačítko je s textem "Create User" a v prohlížeči se zobrazí s českým textem "Vytvořit Uživatele" respektive po změnění vlastnosti CreateUserButtonText="Vytvořit účet" se zobrazí v prohlížeči "Vytvořit účet".

V design režimu se však nedá na toto tlačítko kliknout a upravovat vlastnosti.

.

Máte pravdu... ve vlastnostech CreateUserWizard v sekci Appearance je položka "CreateUserButtonStyle-CssClass" kde stačí nastavit příslušný CSS styl :)) ale pokud tazatel využívá svůj vytvořený formulář je možné to řešit oběma způsoby(když už se někdo "patlá" s formulářem tak přidat jeden element není nic otravného)

Moc Vám oběma děkuji za pomoc, použil jsem první variantu s <CustomNavigationTemplate> bez formátování CSSstylů, ale tlačítka jsem zarovnal do tabulky. Navíc, jelikož jsem přidal <asp:Button>, nastavil se mi vzhled tlačítka definovaný v CSS.

Je to SUPER - díky,díky,díky

Ještě malý dotaz:

Snažil jsem se již u předchozí diskuze označit článek jako vyřešený dle instrukcí, ale nenašel jsem to tlačítko na které se má kliknout???

Asi sa treba zaregistrovať.