cellarius
06-28-2011, 10:00 PM
This tutorial is an update of Dylanblitz (https://vborg.vbsupport.ru/member.php?u=114019)' howto for older versions (https://vborg.vbsupport.ru/showthread.php?t=235860). Credits to him, and thanks for giving me green light for building on his ideas.
This has been tested with 4.1.4 4.2, but should work as far back as 4.0.8, when profile customization was reintroduced.
[Explanation: At least with version 4.1.8, the template name convention for profile tabs was changed. If you want to code for an earlier version, use custom_profile_tab_test as template name.]
The result will look like this:
130539
First step
To create a new member profile tab, create a plugin at hook member_complete
if (isset($vbulletin->GPC['tab']))
{
$selected_tab = $vbulletin->GPC['tab'];
}
$blockinfo['title'] = "Test Title";
$blockid = "test";
$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&tab=test#test";
$templater = vB_Template::create('memberinfo_tab');
$templater->register('selected_tab', $selected_tab);
$templater->register('relpath', $relpath);
$templater->register('blockinfo', $blockinfo);
$templater->register('blockid', $blockid);
$templater->register('taburl', $taburl);
$template_hook['profile_tabs_last'] .= $templater->render();
// ### Your code to fill the tab ###
// Don't forget you need to register any variables for use in templates
$test_tab_content = "Congratulations, you can see me, I'm your PHP Code!";
$templater = vB_Template::create('memberinfo_block_test');
$templater->register('selected_tab', $selected_tab);
$templater->register('test_tab_content', $test_tab_content);
$template_hook['profile_tabs'] .= $templater->render();
This code creates the tab and inserts it as the last tab in the row. You
should give the tab its own unique id. In this case, we use test. If you change it, make sure you do so everywhere in the plugin and in the template. It has to be identical everywhere
can add custom code to fill your tab, if the content is not static html. In that case you would only add code to the template.
have to register any variables you want to output in the template, if you add custom code. You will be able to call that variable by using {vb:var test_tab_content} in the template.
choose a name for the template you will be calling to show your tab's content.
Note that template names are case sensitive: test is not the same as TEST or Test. Remember that in step 2!
Second step
The second step to a custom profile tab is to create a new template. It has to be the name you used in your php code to create it, in our case: memberinfo_block_test.
<div id="view-test" class="<vb:if condition="$selected_tab == 'test'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">
<div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">
<h4 class="subsectionhead-understate">Test</h4>
</div>
<br />This is a <b>custom tab</b> test.<br />
{vb:raw test_tab_content}
</div>
This is the template for your tab content. You
have to adapt the id in several cases. Note that they have to be absolutely identical again.
can add static text and html code into the template.
can print the output of the variable that you saved the result of your php code in and that you registered correctly.
Direct access
If you want to access your custom profile tag directly, append &tab=test#testto the profile URL.
That's it :)
This has been tested with 4.1.4 4.2, but should work as far back as 4.0.8, when profile customization was reintroduced.
[Explanation: At least with version 4.1.8, the template name convention for profile tabs was changed. If you want to code for an earlier version, use custom_profile_tab_test as template name.]
The result will look like this:
130539
First step
To create a new member profile tab, create a plugin at hook member_complete
if (isset($vbulletin->GPC['tab']))
{
$selected_tab = $vbulletin->GPC['tab'];
}
$blockinfo['title'] = "Test Title";
$blockid = "test";
$taburl = $memberurl = fetch_seo_url('member', $prepared) . "&tab=test#test";
$templater = vB_Template::create('memberinfo_tab');
$templater->register('selected_tab', $selected_tab);
$templater->register('relpath', $relpath);
$templater->register('blockinfo', $blockinfo);
$templater->register('blockid', $blockid);
$templater->register('taburl', $taburl);
$template_hook['profile_tabs_last'] .= $templater->render();
// ### Your code to fill the tab ###
// Don't forget you need to register any variables for use in templates
$test_tab_content = "Congratulations, you can see me, I'm your PHP Code!";
$templater = vB_Template::create('memberinfo_block_test');
$templater->register('selected_tab', $selected_tab);
$templater->register('test_tab_content', $test_tab_content);
$template_hook['profile_tabs'] .= $templater->render();
This code creates the tab and inserts it as the last tab in the row. You
should give the tab its own unique id. In this case, we use test. If you change it, make sure you do so everywhere in the plugin and in the template. It has to be identical everywhere
can add custom code to fill your tab, if the content is not static html. In that case you would only add code to the template.
have to register any variables you want to output in the template, if you add custom code. You will be able to call that variable by using {vb:var test_tab_content} in the template.
choose a name for the template you will be calling to show your tab's content.
Note that template names are case sensitive: test is not the same as TEST or Test. Remember that in step 2!
Second step
The second step to a custom profile tab is to create a new template. It has to be the name you used in your php code to create it, in our case: memberinfo_block_test.
<div id="view-test" class="<vb:if condition="$selected_tab == 'test'">selected_view_section<vb:else />view_section</vb:if><vb:if condition="$userinfo['userid'] != $bbuserinfo['userid']"> vm_other_prof</vb:if>">
<div class="blocksubhead subsectionhead userprof_headers userprof_headers_border">
<h4 class="subsectionhead-understate">Test</h4>
</div>
<br />This is a <b>custom tab</b> test.<br />
{vb:raw test_tab_content}
</div>
This is the template for your tab content. You
have to adapt the id in several cases. Note that they have to be absolutely identical again.
can add static text and html code into the template.
can print the output of the variable that you saved the result of your php code in and that you registered correctly.
Direct access
If you want to access your custom profile tag directly, append &tab=test#testto the profile URL.
That's it :)