show the large text to edit like the textarea - html

Featured on the cover of Business World as one of the ‘Ten Young Guns’ of the Indian marketing communications community (May, 2010)MBA from IIM, Calcutta .. We need a username and password protected client-login area, where they
can view and download files. Pls let me know your recommended placement
for this and the admin controls (add, upload, delete files).
I have this text which is coming from database , When the user click on the update , it will go to the next page show all the values in INPUT TYPE ="TEXT" field . now my problem is when the text is small , its good and easily visible but when the text is larger like the above example , its not visible like the textarea
So the user can see and edit large text but the textarea has not a feature to show the text and my whole editable text in the form
So any body can help me in this

You can make an <input> text field larger by using the size attribute, or specifying a width in CSS, but it will be confined to a single line, so you need to use a <textarea> to edit multiline content.
You can make the textarea larger using the rows and cols attributes: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
You may need some server side logic based on the length of the text to output the correct form element.

Related

Style-editable for selected box of text on webpage?

I'm building a web app that should have a place to allow users to directly edit the style of the text area they selected
For example:
When a user select a text area, a small box of style options need to appear on the top-bottom, and user can use it to change the style of selected area
Is it possible to do? or which keyword I should use to research for solution?
Thank you all

How to break lines in Input field via Development tools

I need to perform a full PDF print of a website with a populated questionnaire. It's accessed via Chrome, but some fields contain extensive answers and they are partially cut as they do not fit within the line. The text can be extracted via copying, but it's not fully visible in a print (I'm sorry, I cannot provide a full picture).
To make the full contents visible in the print, I would like to break it into several lines. I heard that it could be done by adding the "word-wrap: break-word" or "overflow-wrap: break-word" properties, bit it appears that it's an Input field and, from what I heard, such fields are not breakable and I would need to change it to Textarea.
However, when I change the field type to Textarea, the contents of the field disappear.
Is there any relatively simple way to somehow make this field breakable and show full text which was previously provided as an input?
textarea does not have a title attribute. That's why the text disapears. Try to insert the text like this: <textarea>Text should be here</textarea>.

Empty textbox in grid showing square brackets

We have a scenario wherein we have a editable gridview. Users enter data and submit. On submission we send the grid data as html in an email. The issue we are facing is that if a textbox is left empty it shows [ ] square brackets. These look very annoying. Kindly see screenshot the last bottom box is highlighted in red.
Kindly let know how we can make that square brackets gp away / donot show up.
Missed to update the post for the answer. This issue happens when we are developing Visual Web part in SharePoint. And the Column type is Multiple Lines of text with option set to 'Enhanced rich text (Rich text with pictures, tables, and hyperlinks)'. Set it to 'Plain Text' and the boxes will go away.

VB6 - Dynamically adjust tab width based on Caption length

I am new to VB6 development (I understand it is pretty outdated. But maintaining legacy code).
My question is - is it possible to dynamically adjust the width of a Tab based on it's Caption length (i.e. dynamically flexing the width of the tab)?
Example: My English text for a tab contains 10 characters, but French equivalent text contains like 15-20 characters. Would it be possible to accommodate text in the tab without having empty spaces on either sides of the text in both English and French?
Right click on the ssTab control and select properties. Under the General tab, select ssStylePropertyPage from the Style: drop down and NOT ssStyleTabbedDialog.
This will automatically adjust the size of the caption of all tabs based on the length of their captions.
The TabMaxWidth property is ignored when this is selected.

how to make the file input field wrap?

In a HTML form I have a file field like this:
<div class="filefield">
<input type="file" name="myfile" id="fileinput">
</div>
It displays a button and some text besides the button. When no file has been selected yet, the text is: No file chosen. If there is a file already selected, it displays the name of the file.
This text displays on the right side of the button. I want it to display below the button. I have tried numerous things in CSS, and nothing works, the No file chosen just always displays on the right side of the button, even if both the div and the input are given fixed widths only as wide as the button, and a fixed height high enough for a button and two lines of text, the text still displays on the right, outside of the div, and not below where the is space inside the div. How to make it wrap so the text displays below the button?
With #Guffa's answer showing that you can't mess with that field, you could create a hack around it.
What about a button element, that on click acts like a file browser button? And then a span element that holds the value of that file browser input? It would be some js hackery for sure, but could solve the problem.
EDIT
Working example: http://jsfiddle.net/nmeAW/1/
Edit 2
Even more better working example: http://jsfiddle.net/nmeAW/2/
You can't. The file input field is a single control, even if it looks like several controls that could be controlled separately.
Besides, how the file input control is displayed depends entirely on what browser you are using. It's appearence is not specified in the standards, so any browser vendor can choose to display it any way they see fit.
You might look into jQuery and some of the upload file plugins that can help you "restyle" the input essentially by hiding it and activating/displaying file selected information in html.
http://www.tutorialchip.com/jquery/9-powerful-jquery-file-upload-plugins/
http://www.uploadify.com/demo/
http://www.plupload.com/example_queuewidget.php
http://blogs.bigfish.tv/adam/2009/06/14/swfupload-jquery-plugin/