Style-editable for selected box of text on webpage? - html

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

Related

Is there a script or binding that I can use to make a text box read only?

I need to use a text box to display the information but it needs to be read only so that the user can't edit the information in the box.
I have looked at other questions similar to this and tried their way but nothing has worked out.
In addition to the solution from #Markus Malessa in the comment above, you can also just use a label instead of a text box to accomplish the same thing. I have a custom label style set up that I can use to make the text in the label look like the text in any surrounding text boxes. Using the label instead means that the user doesn't get the disabled pointer when they mouse over it.

SSRS: Action - Making the entire textbox a link, not just the text

I am using SSRS 2008-R2
I have a textbox in a tablix/matrix, for usage as a menu bar, which links correctly to given reports (four to be exact).
The textbox is using a background image, to represent a button.
However, only the text inside the textbox is a link to the report, i want to be able to use the entire box, which is formed by the background image.
Is there a way to alter the 'action' so the entire box is clickable?
Alternatives, like using an image, is also very welcome!
You can't make the whole text box a link but you can put your Action on the Image instead.
In the Image properties, there is an Action tab that works the same as the Action tab on the text box which should work when the user clicks on it.

show the large text to edit like the textarea

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.

What is the name of this type of control and how can I implement one?

This is kind of out there, but I have no idea what this type of control is even called, so I can't look up any examples on how to implement it.
The control has two text areas side by side with arrows in between them. If a user selects a value or multiple values in one text area and then clicks the arrow that points to the other text area, the selected values will jump over to the other text area and be removed from the initial text area.
What is this called?
There's no one control. Usually it's implemented with 2 <SELECT> list boxes, the arrows have javascript functions attached to take the selected values in the one listbox and move them to the other. Ie. delete from one box and add to the other.
Take a look at this example I found via Google:
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html

Hide arrow in standard dropdown?

Is there a a way to hide the arrow in a standard dropdown select fieldset?
Fiddle link
I have an autocomplete system where you fill in the organisation number of a company and it finds the info based on a database. I'd like to have the select box, but without the arrow..
I need it to do this as it's a double function form, either you can fill in your ORG nr or just manually type it in, pretty simple, probably used all over the internet.
Thanks :)
Kyle,
Usually autocomplete systems use input text elements instead of a select element. This creates what you are trying to achieve. Google is a classic example of this.
If you want, you can take a look at jQuery's autocomplete plugin to get another example and some code ideas, or whatever. http://docs.jquery.com/Plugins/Autocomplete
It's not easy, but you can fake it by putting a button above a Select that has its size property set to a value greater than 0.
Have the Select hidden and positioned absolutely under the button. Clicking the button shows the list. Selecting the list changes the text on the button and re-hides the Select.
This way you need a text box, because you cannot type anything in <select> tag.
And put an onclick event to this box to open autocomplete with all possible values.