Custom Profile Field Defaults

[Former Member]

I couldn't find much on the subject, but is there any way at all to set a custom field default value? 

[SafeInSanity]

Jan 29, 2019 13:25:08 GMT -8 @lorsynth said:

I couldn't find much on the subject, but is there any way at all to set a custom field default value? 

not exactly sure what you mean, but you can try this plugin:

www.proboards.com/library/plugins/item/522

[Brian]

This isn't currently possible. Sorry.

[elli]

I had it in my head that you could do this with a conditional, but I can't find an example in any of my themes, which means I probably tried it at some point and it didn't work.

{foreach $[user.custom_field]}
  {if $[user.custom_field.name] == "Name"}
    <p><strong>Name:</strong></p>
    <p>{if $[user.custom_field.value]}$[user.custom_field.value]{else}Default Value{/if}</p>
  {/if}
{/foreach}

You could probably work this out with a little script, though. Have the default value in the container to start, and if the content for $[user.custom_field.value] is in the DOM, then swap the default value with that.

[Former Member]

Thank you everyone who jumped in on this. <3 I've been tweaking with this, but can't get it to work, so you might be right about the else tags, Elli. I'm going to pop my code up just in case there's something else I can do here:

I'm trying to set a default image link for the website profile overlay for members who haven't set their own links/images.

{foreach $[user.mini_custom_field]}
{if $[user.mini_custom_field.name] == "Mini Profile Overlay"}
<div class="container25">

<div style="border:solid 2px #000000;width:170px;height:370px;overflow:auto;padding:4px;background-size: cover;background-image: url($[user.mini_custom_field.value]);">
</div>
{/foreach}

[elli]

Oh, that one's a little easier. You can use CSS!

In your stylesheet do:

.container25 {
  background-image: url('defaulturl.jpg');
  background-size: cover;
  width: 170px;
  height: 370px;
  border: solid 2px #000000;
  padding: 4px;
  overflow: auto;
}

And then the inline style set by the custom field will overwrite that:

{foreach $[user.mini_custom_field]}
  {if $[user.mini_custom_field.name] == "Mini Profile Overlay"}
    <div class="container25" style="background-image: url($[user.mini_custom_field.value]);"></div>
  {/if}
{/foreach}

[Former Member]

Thank you so much elli! I'm having a hard time getting it to work still, though. These are my codes, but the icon still only shows up if there's a custom field, and just doesn't show up at all otherwise.

The custom fields in this instance are in the post template, but they behave the same when tweaked for the mini profile too. Thank you for your help so far!

<center>{foreach $[post.created_by.custom_field]}
{if $[post.created_by.custom_field.name] == "First Icon"}
<div class="firstcharicon" style=" background-image: url($[post.created_by.custom_field.value]);">icon</div>{/if}{/foreach}</center>

.firstcharicon{
width: 100px;
height: 100px;
overflow: auto;
padding: 4px;
border: solid 2px #17181d;
background-image: url(https://images2.imgbox.com/d8/a9/fqY9JDZo_o.png);
background-size: cover;
}

[elli]

Oh, I see what you want. We have to make the template a little gross to do that... Try this:

<div class="firstcharicon" style="background-image: url({foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "First Icon"}$[user.mini_custom_field.value]{/if}{/foreach});"></div>

The syntax highlighting will complain about this as though there's an error, but it should work.

[Former Member]

Hmm, that solved the issue of the border, but the icon both for an empty field and filled custom are missing. ;w;

Sorry for the trouble and thank you for the help.

[elli]

At the very least, your CSS should be applying the default icon. Are you able to see if that's happening using developer tools?

[Former Member]

It applies if there's no {if}s affecting it, but the moment custom fields come into play it tends to go blank.

[elli]

Oh, shoot, I put the foreach and if in the wrong place. This is basically creating a background image with an empty value, which is overwriting your CSS (as intended, but it shouldn't happen unless the field is filled out). mb ;_; Try this:

<div class="firstcharicon" style="{foreach $[user.mini_custom_field]}{if $[user.mini_custom_field.name] == "First Icon"}background-image: url($[user.mini_custom_field.value]);{/if}{/foreach}"></div>

[Former Member]

Thank you so much, Elli! It worked perfectly, thank you so much for your help, this was driving me crazy! <3 <3