PDA

View Full Version : Move Tag field under the title field


JabirA
06-04-2012, 02:20 PM
Is there a easy way to do this?

http://imageshack.us/photo/my-images/155/knipselar.png/

Kind regards.
Jabir

--------------- Added 1338891827 at 1338891827 ---------------

Anybody?

demojames
06-05-2012, 05:17 PM
I'm using and tested it in 4.1.11 - Make sure you make a copy of your newthread template

In your newthread Template find:

{vb:raw posticons}

And below remove (or better yet cut):

<vb:if condition="$show['tag_option']">
<div class="blockrow">
<label for="tagpopup_ctrl" class="full">{vb:rawphrase tags}:</label>
<div id="tagpopup" class="popupmenu nomouseover noclick nohovermenu">
<input type="text" class="primary full textbox popupctrl" name="taglist" id="tagpopup_ctrl" value="{vb:raw newpost.taglist}" tabindex="1" />
<div id="tagpopup_body" class="popupbody">
</div>
</div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
tag_add_comp = new vB_AJAX_TagSuggest('tag_add_comp', 'tagpopup_ctrl', 'tagpopup');
tag_add_comp.allow_multiple = true;
tag_add_comp.set_delimiters('{vb:raw tag_delimiters}');
//-->
</script>
<p class="singledescription">{vb:rawphrase separate_tags_using_comma}<vb:if condition="$show['tags_remain']"> {vb:rawphrase you_may_add_x_tags_to_thread, {vb:raw tags_remain}}</vb:if></p>
</div>
</vb:if>
</div>
</div>


In the newthread find:



<img id="display_posticon" src="{vb:raw selectedicon.src}" alt="{vb:raw selectedicon.alt}" />

</div>

after the </div>

Add your cut text or:

<vb:if condition="$show['tag_option']">
<div class="blockrow">
<label for="tagpopup_ctrl" class="full">{vb:rawphrase tags}:</label>
<div id="tagpopup" class="popupmenu nomouseover noclick nohovermenu">
<input type="text" class="primary full textbox popupctrl" name="taglist" id="tagpopup_ctrl" value="{vb:raw newpost.taglist}" tabindex="1" />
<div id="tagpopup_body" class="popupbody">
</div>
</div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
tag_add_comp = new vB_AJAX_TagSuggest('tag_add_comp', 'tagpopup_ctrl', 'tagpopup');
tag_add_comp.allow_multiple = true;
tag_add_comp.set_delimiters('{vb:raw tag_delimiters}');
//-->
</script>
<p class="singledescription">{vb:rawphrase separate_tags_using_comma}<vb:if condition="$show['tags_remain']"> {vb:rawphrase you_may_add_x_tags_to_thread, {vb:raw tags_remain}}</vb:if></p>
</div>
</vb:if>
</div>
</div>

JabirA
06-06-2012, 10:41 AM
Hello demojames,

I tested this and it does work, but not perfectly. I am using 4.1.12

This is how it looks:

http://imageshack.us/photo/my-images/338/knipsely.png/

--------------- Added 1338983010 at 1338983010 ---------------

I fixed this by removing the <div> tag in the last code of yours..

--------------- Added 1338983304 at 1338983304 ---------------

But still its not perfect

http://imageshack.us/photo/my-images/140/knipselqg.png/

demojames
06-06-2012, 11:29 AM
Hi Jabir,

Give me a little bit here and see what's up. Like I said I'm using 4.1.11 and I don't think there was any changes to that template, but we'll get it fixed up. I'm trying to replicate the issue.

Edit: I think you copied to much code, the post icons should still be below the message box.

--------------- Added 1338987472 at 1338987472 ---------------

Okay I think I figured it out. Sorry about that!

Remove the last 2 <div /> below the last </vb: if> in the copied code and move them below


{vb:raw posticons}

And that should fix it. Let me know if that works

JabirA
06-06-2012, 12:04 PM
Hello demojames,

I did everything exactly as you said. My code looks like this now:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
{vb:raw headinclude}

{vb:cssfile attachment.css,lightbox.css}
<script type="text/javascript" src="clientscript/vbulletin-editor.js?v={vb:raw vboptions.simpleversion}"></script>
<title>{vb:raw foruminfo.title_clean} - {vb:rawphrase post_new_thread}</title>
{vb:raw headinclude_bottom}
</head>
<body>

{vb:raw header}

{vb:raw navbar}

<vb:if condition="$show['lightbox']">
<!-- lightbox scripts -->
<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
vBulletin.register_control("vB_Lightbox_Container", "post_preview", {vb:raw vboptions.lightboxenabled});
//-->
</script>
<!-- / lightbox scripts -->
</vb:if>

<div id="pagetitle">
<h1>{vb:rawphrase post_new_thread}</h1>
<p class="description">{vb:rawphrase forum}: <a href="{vb:link forum, {vb:raw foruminfo}}">{vb:raw foruminfo.title}</a></p>
</div>

<form class="vbform block" action="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}newthread.php?do=postthread&amp;f={vb:raw forumid}" method="post" name="vbform" onsubmit="return vB_Editor['{vb:raw editorid}'].prepare_submit(this.subject.value, {vb:raw vboptions.postminchars})">

{vb:raw postpreview}

<h2 class="blockhead">{vb:rawphrase your_message}</h2>
<div class="blockbody formcontrols">
<div class="section">
{vb:raw usernamecode}

{vb:raw human_verify}

<div class="blockrow">
<vb:if condition="$prefix_options">
<label for="prefixfield" class="full">{vb:rawphrase prefix}:</label>
<select name="prefixid" id="prefixfield" class="full" tabindex="1">
<option value="">{vb:rawphrase no_prefix_meta}</option>
{vb:raw prefix_options}
</select>
<p class="description"></p>
</vb:if>

<label for="subject" class="full">{vb:rawphrase title}:</label>
<input type="text" class="primary full textbox" name="subject" id="subject" value="{vb:raw subject}" maxlength="{vb:raw vboptions.titlemaxchars}" tabindex="1" />
&nbsp;<img id="display_posticon" src="{vb:raw selectedicon.src}" alt="{vb:raw selectedicon.alt}" />
</div>

<vb:if condition="$show['tag_option']">
<div class="blockrow">
<label for="tagpopup_ctrl" class="full">{vb:rawphrase tags}:</label>
<div id="tagpopup" class="popupmenu nomouseover noclick nohovermenu">
<input type="text" class="primary full textbox popupctrl" name="taglist" id="tagpopup_ctrl" value="{vb:raw newpost.taglist}" tabindex="1" />
<div id="tagpopup_body" class="popupbody">
</div>
</div>
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
tag_add_comp = new vB_AJAX_TagSuggest('tag_add_comp', 'tagpopup_ctrl', 'tagpopup');
tag_add_comp.allow_multiple = true;
tag_add_comp.set_delimiters('{vb:raw tag_delimiters}');
//-->
</script>
<p class="singledescription">{vb:rawphrase separate_tags_using_comma}<vb:if condition="$show['tags_remain']"> {vb:rawphrase you_may_add_x_tags_to_thread, {vb:raw tags_remain}}</vb:if></p>
</div>
</vb:if>
</div>
</div>

{vb:raw messagearea}

{vb:raw posticons}


<div class="blockfoot actionbuttons">
<div class="group">
<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="f" value="{vb:raw forumid}" />
<input type="hidden" name="do" value="postthread" />
<input type="hidden" name="posthash" value="{vb:raw posthash}" />
<input type="hidden" name="poststarttime" value="{vb:raw poststarttime}" />
<input type="hidden" name="loggedinuser" value="{vb:raw bbuserinfo.userid}" />
<vb:if condition="$show['fb_publishcheckbox']">
{vb:raw fbpublishcheckbox}
</vb:if>
<input type="submit" class="button" name="sbutton" id="{vb:raw editorid}_save" value="{vb:rawphrase submit_new_thread}" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="{vb:rawphrase preview_post}" accesskey="r" tabindex="1" />
</div>
</div>

<vb:if condition="$show['additional_options']">
<h3 class="blockhead">{vb:rawphrase additional_options}</h3>
<div class="blockbody formcontrols">
<div class="section">

<vb:if condition="$show['misc_options']">
<div class="blockrow">
<label>{vb:rawphrase miscellaneous_options}:</label>
<ul class="checkradio group rightcol">
<vb:if condition="$show['signaturecheckbox']">
<li>
<label for="cb_signature"><input type="checkbox" name="signature" value="1" id="cb_signature" tabindex="1" {vb:raw checked.signature} /> {vb:rawphrase show_your_signature}</label><p class="description">{vb:rawphrase show_your_signature_explain}</p>
</li>
</vb:if>
<vb:if condition="$show['parseurl']">
<li>
<label for="cb_parseurl"><input type="checkbox" name="parseurl" value="1" id="cb_parseurl" tabindex="1" {vb:raw checked.parseurl} /> {vb:rawphrase automatically_parse_links_in_text}</label><p class="description">{vb:rawphrase automatically_parse_links_description}</p>
</li>
</vb:if>
{vb:raw disablesmiliesoption}
</ul>
</div>
</vb:if>

{vb:raw htmloption}
{vb:raw attachmentoption}

<vb:if condition="$show['member']">
<fieldset class="blockrow">
<legend>{vb:rawphrase subscription}</legend>
<dl class="group dep_group">
<dt>
<label for="subscribe">{vb:rawphrase thread_subscription}:</label>
<input type="checkbox" id="subscribe" name="subscribe" value="1" class="dep_ctrl" {vb:raw checked.subscribe} tabindex="1" />
</dt>
<dd id="subscribe_deps" class="rightcol">
<ul class="group">
<li>
<select class="primary" name="emailupdate" tabindex="1">
<option value="0" {vb:raw emailchecked.0}>{vb:rawphrase no_email_notification}</option>
<option value="1" {vb:raw emailchecked.1}>{vb:rawphrase instant_email_notification}</option>
<option value="2" {vb:raw emailchecked.2}>{vb:rawphrase daily_email_notification}</option>
<option value="3" {vb:raw emailchecked.3}>{vb:rawphrase weekly_email_notification}</option>
</select>
</li>
<vb:if condition="$show['subscribefolders']">
<li>
<select class="primary" name="folderid" tabindex="1">{vb:raw folderbits}</select>
</li>
</vb:if>
</ul>
</dd>
</dl>
</fieldset>
</vb:if>

<vb:if condition="$show['poll']">
<fieldset class="blockrow">
<legend>{vb:rawphrase post_a_poll}</legend>
<dl class="group dep_group">
<dt>
<label for="postpoll">{vb:rawphrase create_a_poll} <vb:if condition="$vboptions['maxpolloptions']"> ({vb:rawphrase maximum} {vb:raw vboptions.maxpolloptions})</vb:if>:</label>
<input type="checkbox" name="postpoll" value="yes" id="postpoll" tabindex="1" {vb:raw checked.postpoll} class="dep_ctrl" />
</dt>
<dd id="postpoll_deps" class="rightcol">
<input type="text" class="textbox numeric" size="5" name="polloptions" value="{vb:raw polloptions}" id="polloptnum" tabindex="1" />
</dd>
</dl>
</fieldset>
</vb:if>

{vb:raw threadmanagement}
</div>

<vb:if condition="$show['podcasturl']">
<h4 class="blocksubhead">{vb:rawphrase podcast_options}</h4>
<div class="section">
<div class="blockrow">
<label>{vb:rawphrase podcast_options}:</label>
<ul class="checkradio group rightcol">
<li><label><input type="text" class="primary textbox" name="podcasturl" id="podcasturl" value="{vb:raw podcasturl}" maxlength="255" tabindex="1" title="{vb:rawphrase podcast_url}" /> {vb:rawphrase podcast_url}</label></li>
<li><label><input type="text" class="primary textbox" name="podcastsize" id="podcastsize" value="{vb:raw podcastsize}" tabindex="1" title="{vb:rawphrase podcast_size}" /> {vb:rawphrase filesize_bytes}</label></li>
<li><label><input type="text" class="primary textbox" id="podcastsubtitle" name="podcastsubtitle" value="{vb:raw podcastsubtitle}" maxlength="255" tabindex="1" title="{vb:rawphrase subtitle}" /> {vb:rawphrase subtitle}</label></li>
<li><label><input type="checkbox" id="podcastexplicit" name="podcastexplicit" value="1" tabindex="1" {vb:raw explicitchecked} title="{vb:rawphrase explicit}" /> {vb:rawphrase explicit}</label></li>
<li><label><input type="text" class="primary textbox" id="podcastkeywords" name="podcastkeywords" value="{vb:raw podcastkeywords}" maxlength="255" tabindex="1" title="{vb:rawphrase keywords}" /> {vb:rawphrase keywords}</label></li>
<li><label><input type="text" class="primary textbox" id="podcastauthor" name="podcastauthor" value="{vb:raw podcastauthor}" maxlength="255" tabindex="1" title="{vb:rawphrase author}" /> {vb:rawphrase author}</label></li>
</ul>
</div>
</div>
</vb:if>
</div>
<div class="blockfoot actionbuttons">
<div class="group">
<input type="submit" class="button" name="sbutton" value="{vb:rawphrase submit_new_thread}" accesskey="s" tabindex="1" />
<input type="submit" class="button" name="preview" value="{vb:rawphrase preview_post}" accesskey="r" tabindex="1" />
</div>
</div>
</vb:if>

{vb:raw forumrules}

</form>

{vb:raw footer}

</body>
</html>

Kind regards

Edit: Yes removing the two </div> solves this problem. Only the "tag field" is not aligned perfectly with the "title field". Do you have anything for that?

demojames
06-06-2012, 12:15 PM
Sorry for all the trouble. I updated my last post - You need move the last 2 </div>

Edit: I'm guess it's from your Prefix and/or Check if posted plugin. You could try and a couple of   or a &nbsp; and see if that fixes it. I don't have that installed/using so I would need to look into further.

JabirA
06-06-2012, 12:31 PM
Thanx man! But the tag field is still not good.

http://imageshack.us/photo/my-images/543/knipseld.png/