Question

在我的注册页面提供的图像中，我希望在左边的表格之间放一个垂直分隔符，在右边有另一个表格来完成注册，但我不知道怎么做。 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>

Answer 1

<强> 1。垂直分隔符：

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

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

<div style='width:50%'>

在第一场之前;

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

您想要分隔符的位置最后是最后一个。

创建三个新的spacer字段。

您可以直接插入正确的转义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上找到更多类似的扩展名此外，所有社区解决方案都具有自定义配

形式分离＆amp;当选择对象时，也会下拉菜单更改

1 个答案: