New Tab on Edit Profile Page

[Boy_Wonder]

So I have a lot and I mean a lot of custom profile fields to create a character bio for the profile page. I was wondering if a plugin could be made to add a new tab, which opens up or clones the Personal Tab with its own save button that either could be named in the plugin CP or else could be called "Character Sheet"

I would then like to effectively be able to control the custom field output order so I can group the custom fields as required as I'd be doing them into sections

[Former Member]

Lets see what I can so for you! Give me for the most a day or so!

[Former Member]

Okay, I don't need to code it. I found one!

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

If you have a problem just let me know!

[Boy_Wonder]

Nov 25, 2017 15:49:38 GMT -8 @henny4315 said:

Okay, I don't need to code it. I found one!

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

If you have a problem just let me know!

That's the profile view page I'm talking about the page you edit profile on

[Former Member]

Nov 25, 2017 22:18:03 GMT -8 Boy_Wonder said:

Nov 25, 2017 15:49:38 GMT -8 @henny4315 said:

Okay, I don't need to code it. I found one!

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

If you have a problem just let me know!

That's the profile view page I'm talking about the page you edit profile on

Is this what you want: www.proboards.com/library/plugins/item/522

[Boy_Wonder]

Nov 26, 2017 8:20:06 GMT -8 @henny4315 said:

Nov 25, 2017 22:18:03 GMT -8 Boy_Wonder said:

That's the profile view page I'm talking about the page you edit profile on

Is this what you want: www.proboards.com/library/plugins/item/522

Also no - though I do utilise that to give information on how I want the custom profile fields filled in

[Former Member]

Nov 26, 2017 9:50:18 GMT -8 Boy_Wonder said:

Nov 26, 2017 8:20:06 GMT -8 @henny4315 said:

Is this what you want: www.proboards.com/library/plugins/item/522

Also no - though I do utilise that to give information on how I want the custom profile fields filled in

Sorry! I'm not quite understanding what you want!

[Boy_Wonder]

Nov 26, 2017 11:38:24 GMT -8 @henny4315 said:

Nov 26, 2017 9:50:18 GMT -8 Boy_Wonder said:

Also no - though I do utilise that to give information on how I want the custom profile fields filled in

Sorry! I'm not quite understanding what you want!

This instead of this

[Ulises]

I remember I read something about it maybe being added to Yootil (because I was looking for something like that too): support.proboards.com/thread/631318/plugin-call-modifying-profile-settings

Seems like it is/was pretty requested. Is a plugin absolutely necessary for this, Boy_Wonder ? You can add a new tab in the layout template very easily, though if you have many themes a plugin would probably be better.

Go to your Edit Profile template and add the line I highlighted as a test:




Here it is for easy copy/paste:

<li><a id="toggle-hidden" class="js-tab" data-page="test">test</a></li>

Make sure to change those in green to your actual values.

Then scroll down and add the following highlighted:

<div id="hide-or-show" class="js-edit hide">

<div>EDITING HERE</div>

</div>

And finally add this to your global header:

$(document).ready(function () {

$('a#toggle-hidden').click(function () {

$('div#hide-or-show').toggleClass('hide');

});



});

Really barebones and I don't like that it is all over the place so no hard feelings if you decide not to go through with it. :P

[Boy_Wonder]

How would I move the custom profile fields over Ulises? And get the data saved

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Nov 26, 2017 22:43:03 GMT -8 Boy_Wonder said:

How would I move the custom profile fields over Ulises ? And get the data saved

You could try something like this:


<script>
$(document).ready(function(){
for(a=0;a<pb.data('user').custom_field_names.length;a++)
{
$('.custom-field-'+pb.data('user').custom_field_names[a]).clone(true).appendTo('#hide-or-show')
}
$('#'+$('.form_user_edit_'+pb.data('user').username).attr('id')+'_submit_button').clone(true).appendTo('#hide-or-show').attr('value', 'Save Bio')
})
</script>Then it should clone it from the personal page and add it to your tab data on all themes if it's in your global header/footer (either)

[Boy_Wonder]

Nov 27, 2017 7:18:12 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Nov 26, 2017 22:43:03 GMT -8 Boy_Wonder said:

How would I move the custom profile fields over Ulises ? And get the data saved

You could try something like this:


<script>
$(document).ready(function(){
for(a=0;a<pb.data('user').custom_field_names.length;a++)
{
$('.custom-field-'+pb.data('user').custom_field_names[a]).clone(true).appendTo('#hide-or-show')
}
$('#'+$('.form_user_edit_'+pb.data('user').username).attr('id')+'_submit_button').clone(true).appendTo('#hide-or-show').attr('value', 'Save Bio')
})
</script>Then it should clone it from the personal page and add it to your tab data

So because I'm awkward (c'mon you should know me by now) is there any way I could select it to send certain custom fields to certain areas XD

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Nov 27, 2017 7:19:03 GMT -8 Boy_Wonder said:

Nov 27, 2017 7:18:12 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

You could try something like this:


<script>
$(document).ready(function(){
for(a=0;a<pb.data('user').custom_field_names.length;a++)
{
$('.custom-field-'+pb.data('user').custom_field_names[a]).clone(true).appendTo('#hide-or-show')
}
$('#'+$('.form_user_edit_'+pb.data('user').username).attr('id')+'_submit_button').clone(true).appendTo('#hide-or-show').attr('value', 'Save Bio')
})
</script>Then it should clone it from the personal page and add it to your tab data

So because I'm awkward (c'mon you should know me by now) is there any way I could select it to send certain custom fields to certain areas XD

Yeah it's looping through in the for loop. The real question is how you want to select and move those special cases.
You could go by instance, such as the 3rd custom field. You could go by field-name such as: Hair-Color. You could go by ...well that's the only two things I can think of at the moment

[Boy_Wonder]

Nov 27, 2017 7:21:54 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Nov 27, 2017 7:19:03 GMT -8 Boy_Wonder said:

So because I'm awkward (c'mon you should know me by now) is there any way I could select it to send certain custom fields to certain areas XD

Yeah it's looping through in the for loop. The real question is how you want to select and move those special cases.
You could go by instance, such as the 3rd custom field. You could go by field-name such as: Hair-Color. You could go by ...well that's the only two things I can think of at the moment

How would I go by field name, as I'd need to check each field seperate to append to proper area

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Nov 27, 2017 7:37:50 GMT -8 Boy_Wonder said:

Nov 27, 2017 7:21:54 GMT -8 P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓ said:

Yeah it's looping through in the for loop. The real question is how you want to select and move those special cases.
You could go by instance, such as the 3rd custom field. You could go by field-name such as: Hair-Color. You could go by ...well that's the only two things I can think of at the moment

How would I go by field name, as I'd need to check each field seperate to append to proper area

<script>
$(document).ready(function(){
for(a=0;a<pb.data('user').custom_field_names.length;a++)
{
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='bio')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember1')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember2')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
if(pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')=='partymember3')
$('.custom-field-'+pb.data('user').custom_field_names[a].toLowerCase().replace(/ /g,'')).clone(true).appendTo('#hide-or-show')
}
$('#'+$('.form_user_edit_'+pb.data('user').username).attr('id')+'_submit_button').clone(true).appendTo('#hide-or-show').attr('value', 'Save Bio')
})
</script>
all lowercase with no spaces for id names