GoodApples
Customer
Change the Status box from Single-Line Text Box to Multiple Line Text Box?
Anyone want to share?
Anyone want to share?
Question Single-Line Text to Multiple-Line Text Box
- Status
David
Former Developer
Open dbtech_status_postbit template,
FIND:
REPLACE WITH:
FIND:
Code:
<input type="text" tabindex="1" value="" id="dbtech_status_input{vb:var post.postid}" name="status" class="primary textbox" style="width:95%; margin: 1px;" />REPLACE WITH:
Code:
<textarea id="dbtech_status_input{vb:var post.postid}" name="status" class="primary textbox" style="width:95%; margin: 1px;"></textarea>GoodApples
Customer
I do not see a change? David I am looking to increase the indent with multiple lines or the size of the box and have the words wrap around when getting to the end of the box.
David
Former Developer
Could you post a screenshot of what it looks like now.
Mokonzi
Former Developer
http://www.w3schools.com/tags/tag_textarea.asp
I think you'll want to add the rows attribute, and maybe columns.
So:
HTML:
<textarea id="dbtech_status_input{vb:var post.postid}" name="status" class="primary textbox" style="width:95%; margin: 1px;" rows="5" cols="25"></textarea>GoodApples
Customer
David
Here is what it looks like now as it does on dbtech when editing status.
I looking for it to be similar to: User Profile Fields --> add new user Profile Field
Profile Field Type
Single-Line Text Box
Multiple Line Text Box
Mokonzi
I inserted your version. Does not seem to work but thanks.
Here is what it looks like now as it does on dbtech when editing status.
I looking for it to be similar to: User Profile Fields --> add new user Profile Field
Profile Field Type
Single-Line Text Box
Multiple Line Text Box
Mokonzi
I inserted your version. Does not seem to work but thanks.
Mokonzi
Former Developer
Why not look at the HTML from a page that has the Profile Field in it you want, and then copy it?
GoodApples
Customer
Well I had not thought of that... and I am kind of new at this...
So I did a quick try and just so everyone knows my first attempt did not work.
I will play around with it again.
and I am kind of new at this...So I did a quick try and just so everyone knows my first attempt did not work.
Code:
<textarea tabindex="1" cols="60" rows="10"><textarea id="dbtech_status_input{vb:var post.postid}" name="status" class="primary textbox" style="width: 187px; height: 112px;"></textarea>I will play around with it again.
That does indeed give you a multi line box, however I think he wants it if you press return in the text box and start a new line, once you save it displays multiple line of text.
Example: (if I type it the way you have it now)
Testing
Forum
Stuff
It Displays TestingForumStuff once ya click save.
I think he wants it displayed the same way it is typed.
Testing
Forum
Stuff
GoodApples
Customer
I would like to input the status into a box like this and when it gets to the end of the box the letter/word would wrap around just as the Reply to Thread box does.
I would like to input the status into a box like this and when it gets to the end of the box the letter/word would wrap around just as the Reply to Thread box does.
View attachment 931
Ahh ok then using Mokonzi's code I add word wrap to it. So add this code where the original code was:
Code:
<textarea class="primary textbox" name="status" id="dbtech_status_input{vb:var post.postid}" rows="0" cols="60" tabindex="1" WordWrap="true"></textarea>Better yet Here is a better way, so text box is not so big. it will auto wrap when it gets to the end of the box.
Replace original line with this:
Replace original line with this:
Code:
<textarea class="primary textbox" name="status" id="dbtech_status_input{vb:var post.postid}" rows="0" cols="60" tabindex="1" style="width:95%;"></textarea>GoodApples
Customer
Didn't work
Hmmm it worked for me, maybe something got messed up in the template with all the edits. Try replacing the entire dbtech_status_postbit template with this:
Code:
<vb:if condition="!empty($post['dbtech_status_status']) || !empty($vboptions[dbtech_status_default])">
<span class="rank">
<div id="dbtech_status_status{vb:var post.postid}">
<div id="dbtech_status_statustext{vb:var post.postid}" style="display:inline;">
<vb:if condition="$post['dbtech_status_status']">
{vb:raw vboptions.dbtech_status_prefix} {vb:raw post.dbtech_status_status}
<vb:else />
{vb:raw vboptions.dbtech_status_default}
</vb:if>
</div>
<vb:if condition="$show['dbtech_status_change']">
<a style="cursor: pointer;" href="javascript://" onclick="return FBStatus{vb:var post.postid}.init_edit_status();">
<img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit}" />
</a>
</vb:if>
</div>
<div style="display:none;" id="dbtech_status_controls{vb:var post.postid}">
<textarea class="primary textbox" name="status" id="dbtech_status_input{vb:var post.postid}" rows="0" cols="60" tabindex="1" style="width:95%;"></textarea><br />
<input type="button" class="button" value="{vb:rawphrase save}" onclick="return FBStatus{vb:var post.postid}.save_edit_status();" />
<input type="button" class="button" value="{vb:rawphrase cancel}" onclick="return FBStatus{vb:var post.postid}.cancel_edit_status();" />
</div>
</span>
<vb:if condition="$vboptions['dbtech_status_moodenabled'] == 0">
<script type="text/javascript">
<!--
// Initialise the object
var FBStatus{vb:var post.postid} = new FBStatus_Obj();
// Set the userid
FBStatus{vb:var post.postid}.set_userid('{vb:raw post.userid}', '{vb:var post.postid}');
// Init editors
<vb:if condition="$vboptions['dbtech_status_moodenabled'] == 1">FBStatus{vb:var post.postid}.set_mood_editors();</vb:if>
<vb:if condition="$vboptions['dbtech_status_enabled'] == 1">FBStatus{vb:var post.postid}.set_status_editors();</vb:if>
// -->
</script>
</vb:if>
</vb:if>GoodApples
Customer
Ozzy47 On Edit and input do you have a box size as in post #13 or #6?
GoodApples
Customer
- Status
Similar threads
- Locked
- Support ticket
- Locked
- Support ticket
Question
Mood and Status under username
