Quantcast
Channel: MyBB Community Forums - Tutorials
Viewing all articles
Browse latest Browse all 690

DVZ Shoutbox - Add Submit button next to the message field

$
0
0
This tutorial will show you how you can add "Submit" button next to the message field. I don't know ofr older versions of this plugin, but in latest version Submit button is displayed below message field, in my opinion looks bad like that. So, if anyone else ever wanted to do this but didn't knew how, now you can do that with these few simple steps.

Picture preview: https://prnt.sc/sd585k

Step #1
Go to Admin Control Panel > Templates & Style > Templates > Global Templates > dvz_shoutbox_panel

Step #2
Find: 
<input type="text" class="text" placeholder="{$lang->dvz_sb_default}" maxlength="{$maxlength}" autocomplete="off" />

and above that line paste this code:
<div style="overflow: hidden; padding-right: .5em;">


Step #3
Find and remove this line:
<input type="submit" style="display:none" />

Step #4
Find this line (You added it in step #2):

<div style="overflow: hidden; padding-right: .5em;">

and above that add this piece of code:
<input type="submit" class="button" style="float:right;" value="Send">

Done! The final template should look like this:
<div class="panel">
<form>
<input type="submit" class="button" style="float:right;" value="Send">	
<div style="overflow: hidden; padding-right: .5em;">
<input type="text" class="text" placeholder="{$lang->dvz_sb_default}" maxlength="{$maxlength}" autocomplete="off" /> 
</div>
</form>
</div>

Viewing all articles
Browse latest Browse all 690

Trending Articles