Add-on Gender and Pronouns Addon

[KatieC]

I know there is at least one existing gender marker add-on, but having looked at it I know that it would not meet the needs of our site's members. We operate a support forum for transgender and intersex people, whose gender identity and pronouns can be outside the standard male/female binary.

Would anyone be interested in taking up a project developing an add-on to make this happen? If the price is not astronomical, I am sure the members would support the cost of development and we could pay for this.

Please respond here or message me if you would be willing to do this.

 

[Paul B]

Where would the information be displayed?

Won't custom user fields be able to do this?

 

[KatieC]

@Brogan are you talking about the signature field? We would like something that is not optional, rather something that is selected during the registration process. If left to the user, many would simply forget to fill in the information in their signature.

 

[KatieC]

Where to display the information isn't critical, as long as it is functional on both desktop and mobile platforms.

 

[Paul B]

A custom user field can be set to be required.

It appears on the profile page and optionally can be displayed below the avatar on posts.

Users overview | Manual | XenForo

End-user documentation for XenForo

xenforo.com

 

[KatieC]

@Brogan Okay, I found the field and made some options, but I can't figure out how to make it appear under the avatar like the manual says can be done.

 

[Paul B]

Enter this in the ACP search and clock on the bottom one.

 

[KatieC]

@Brogan I just figured it out. Sorry to make this so hard. I really don't know much about this stuff and am learning as I go.

 

[Paul B]

No problem - that's what we're here for.

 

[KatieC]

@Brogan one last question. The new user fields only display on desktop version, but not on mobile. Any idea how to fix this?

 

[Paul B]

Add this to the extra.less template.

.message-userExtras
{
    display: block !important;
}

 

[KatieC]

Add this to the extra.less template.

.message-userExtras
{
    display: block !important;
}

I'm still a relative noob with this stuff. Does this go just anywhere within the template, or is there a specific place in the template it needs to be inserted?

 

[Paul B]

Anywhere in the template, as long as it's entered as a separate block.

You may want to annotate what it's for so you don't forget in the future.

This is what my template looks like, for example:

/* #### Logo #### */
.p-nav-smallLogo
{
    max-width: 140px;
}

.p-nav-smallLogo a
{
    text-decoration: none;
}

.p-nav-smallLogo img
{
    display: inline;
}


/* #### Styling #### */
.node-icon i:before
{
    font-weight: 300;
}

.node--forum .node-icon .fa-comments::before,
.subNodeLink--forum .node-icon .fa-comments::before,
.subNodeLink.subNodeLink--forum:before,
.structItem-status--discussion::before,
.inputTypes-display--type_discussion .fa-comments:before,
.fa-comment:before
{
    .m-faContent(@fa-var-comments-alt);
}

[data-template="forum_list"]
{
    .p-title-value
    {
        display: none;
    }
    .p-title-pageAction
    {
        margin-left: auto;
    }
}


/* #### Online Indicator #### */
.message-avatar-wrapper .message-avatar-online
{
    left: 48%;
}

.message-avatar-wrapper .message-avatar-online
{
    &:before {
        border-radius: 2px;
        border: @xf-messageUserBlock--background-color solid 4px;
    }
}

Using /* ... */ Allows you to enter text in the form of titles, notes, etc.

 

[KatieC]

I pasted it directly into the template just as you showed, and nothing happened.

 

[Max Taxable]

Did you click "save?" Hadda ask.

That template will only affect the "swift" style by the way. Each style has its own extra dot less template.

 

[KatieC]

Did you click "save?" Hadda ask.

That template will only affect the "swift" style by the way. Each style has its own extra dot less template.

I clicked Save and Exit.

 

[KatieC]

There is another template named dt_extra.less. Would that have anything to do with it?

 

[Max Taxable]

No.

 

[KatieC]

Well, I am still puzzled about how to make the customized fields show up on mobile devices. Any other ideas?

 

[Russ]

That's definitely the right CSS (what Brogan gave you).

1.) Check you're editing the correct style
2.) Check you're browsing the correct style
3.) Check with your style author as they may be approaching it differently