Multiline style

[sitefinitysteve]

Can you guys please give me a .riMulti on the root when the textbox is in multi-line mode please?  I need to style the multi differently than the normal textboxes

(in the .skin file)

So I know I can add a cssclass to the TBs in multline mode, but that means my developers will have to remember to do that, and they never will...but if I define it in the skin file, whenever they go into multiline mode it'll just be styled properly.

So my problem is the style I need to change is on the wrapper span, I know the regular is an input while multi is a textarea...

[Galin]

Hello Steve,

The multiline textbox is a regular <textarea /> element. Therefore, you can set the following CSS rule:

html body span.RadInput textarea.riTextBox {
    color: red;
}

I hope it helps.

Kind regards,
Galin
the Telerik team

[sitefinitysteve]

Hi Galin,
  No again, that's not going to work...I need to know the control is a multiline on the root level to style it.  Like all the child elements are styled based on the parent right?

For example:
 Can't style the "empty text" span since I don't know it's in mulitline mode, so styling it globally affects normal RadInputs...so even though I can set a border radius style on the textarea, the emptytext is hardcoded to the top-right awkwardly....if I change it, it changes for ALL radinputs
 
It's horrible to try and work with when using .skin files to maintain consistency.  If they were different controls it wouldn't be an issue, but they aren't.

Steve

[Galin]

Hello Steve,

I can suggest you the following ways to achieve this:
The first one is to make it client-side, with Javascript (jQuery):

function pageLoad()
{
    $telerik.$('.RadInput textarea.riTextBox').parent().addClass('riMulti');
}

It is also possible to add this CssClass server-side by using the property WrapperCssClass, e.g.

C#:

protected void SetStyleIfNeeded(Control o)

{

    RadTextBox tb = o as RadTextBox;

    if (tb != null && tb.TextMode == InputMode.MultiLine)

    {
   tb.EnableSingleInputRendering = true; //Enable Single Input Rendering

        tb.WrapperCssClass = "riMulti";

    }

 

    foreach (Control c in o.Controls)

    {

        SetStyleIfNeeded(c);

    }

}

 

protected void Page_PreRender(object sender, EventArgs e)

{

    SetStyleIfNeeded(Page.Form);

}

Additionally, please note that in the official release the property WrapperCssClass works only in SingleInputRendering Mode, but this issue is already fixed in the latest internal build.

I hope this helps.

All the best,
Galin
the Telerik team

[sitefinitysteve]

Yeah, I know I can style it with jQuery :)  But I can't style it with jQuery is my problem\request...

I only have access to a .skin file to dictate how these controls display for my developers, and I can't tell the skin file to load a script

[Galin]

Hello Steve,

I am afraid this cannot be achieve only with CSS. You can style the textarea in MultilineMode as I showed you in the first post, but for other elements inside the RadControl you need to add new CSS class(es).


Greetings,
Galin
the Telerik team