2

在我的注册页面提供的图像中,我希望在左侧表格之间放置一个垂直分隔符,以便在右侧完成另一个表格以完成注册,但我不知道该怎么做。 http://puu.sh/1fjia 也是我问题的第二部分,与下拉菜单有关,除了#_usergroups之外,我将如何在选择时会更改下拉菜单以更改为文本框,又如何放置一个额外的选项?下面是用于 xml 的编码。

    <?xml version="1.0" encoding="UTF-8"?>
<form>
<fieldset name="default"
    label="COM_USERS_REGISTRATION_DEFAULT_LABEL"
>

    <field name="spacer" type="spacer" class="text"
            label="COM_USERS_REGISTER_REQUIRED"
        />

    <field name="name" type="text"
        description="COM_USERS_REGISTER_NAME_DESC"
        filter="string"
        label="COM_USERS_REGISTER_NAME_LABEL"
        message="COM_USERS_REGISTER_NAME_MESSAGE"
        required="true"
        size="30"
    />

    <field name="username" type="text"
        class="validate-username"
        description="COM_USERS_DESIRED_USERNAME"
        filter="username"
        label="COM_USERS_REGISTER_USERNAME_LABEL"
        message="COM_USERS_REGISTER_USERNAME_MESSAGE"
        required="true"
        size="30"
        validate="username"
    />

    <field name="password1" type="password"
        autocomplete="off"
        class="validate-password"
        description="COM_USERS_DESIRED_PASSWORD"
        field="password2"
        filter="raw"
        label="COM_USERS_REGISTER_PASSWORD1_LABEL"
        message="COM_USERS_REGISTER_PASSWORD1_MESSAGE"
        required="true"
        size="30"
        validate="equals"
    />

    <field name="password2" type="password"
        autocomplete="off"
        class="validate-password"
        description="COM_USERS_REGISTER_PASSWORD2_DESC"
        filter="raw"
        label="COM_USERS_REGISTER_PASSWORD2_LABEL"
        message="COM_USERS_REGISTER_PASSWORD2_MESSAGE"
        required="true"
        size="30"
    />

    <field name="email1" type="email"
        description="COM_USERS_REGISTER_EMAIL1_DESC"
        field="id"
        filter="string"
        label="COM_USERS_REGISTER_EMAIL1_LABEL"
        message="COM_USERS_REGISTER_EMAIL1_MESSAGE"
        required="true"
        size="30"
        unique="true"
        validate="email"
    />

    <field name="email2" type="email"
        description="COM_USERS_REGISTER_EMAIL2_DESC"
        field="email1"
        filter="string"
        label="COM_USERS_REGISTER_EMAIL2_LABEL"
        message="COM_USERS_REGISTER_EMAIL2_MESSAGE"
        required="true"
        size="30"
        validate="equals"
    />

    <field name="title" type="sql" 
        default="-None Listed-"
        label="Select your University" 
        description="Select the University you are currently attending, if                                                   

it's not on the list then create it below"
        query="SELECT title FROM #__usergroups WHERE ID > '8    ' "
        required="true"
    />

    <field
        name="captcha"
        type="captcha"
        label="COM_USERS_CAPTCHA_LABEL"
        description="COM_USERS_CAPTCHA_DESC"
        validate="captcha"
    />

</fieldset>
</form> 
4

1 回答 1

0

1.垂直分隔符

您可以使用 hack 即创建一些将输出标记的字段。

这里的想法是插入一个额外的

<div style='width:50%'>

在第一个字段之前;然后一个

</div><div style='width:49%;border-left:1px dashed black'>

你想要分隔符的地方,最后是 a 。

创建三个新的间隔字段。

您可以直接插入正确转义的 html:

<field type="spacer" name="splitterinit" label="&lt;div&gt;" />

或将 html 作为语言常量放在语言文件中:

SPLITTER_MID="</div><div style='width:49%;border-left:1px dashed black'>"

并简单地使用 .xml 中的常量:

<field type="spacer" name="splittermid" label="SPLITTER_MID" />

2.额外文字选项:

  • 简单:只需在下面添加一个文本字段以允许用户输入。
  • 更难:创建一个自定义元素,在那里您可以编写 php 并根据需要进行制作

3. 忠告

Chronoforms 具有用户注册覆盖功能,可让您定义所需的所有字段,并确保您会在 JED 上找到更多类似的扩展。此外,所有社区解决方案都具有自定义配置文件。

于 2013-01-25T22:42:29.893 回答