or
<
telerik:RadNumericTextBox
ID
=
"txtMaxCost"
Runat
=
"server"
MaxLength
=
"14"
Width
=
"250px"
Type
=
"Currency"
SkinID
=
"OverrideRadDefaultSkinWithNonExistantSkin"
AutoPostBack
=
"true"
Enabled
=
"true"
AllowOutOfRangeAutoCorrect
=
"false"
>
<
NumberFormat
DecimalDigits
=
"2"
KeepNotRoundedValue
=
"False"
/>
</
telerik:RadNumericTextBox
>
<telerik:RadTabStrip ID=
"RadTabStripEditClaim"
runat=
"server"
MultiPageID=
"RadMultiPageEditClaim"
SelectedIndex=
"0"
OnClientTabSelecting=
"OnClientTabSelecting"
>
<Tabs>
<telerik:RadTab Text=
"General"
Enabled=
"true"
Value=
"General"
></telerik:RadTab>
<telerik:RadTab Text=
"Files"
Enabled=
"true"
Value=
"Files"
></telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID=
"RadMultiPageEditClaim"
runat=
"server"
SelectedIndex=
"0"
>
<telerik:RadPageView ID=
"RadPageViewGeneral"
runat=
"server"
>
<fieldset>
</fieldset>
</telerik:RadPageView>
....
</telerik:RadMultiPage>
<telerik:RadCodeBlock ID=
"RadCodeBlock1"
runat=
"server"
>
<script src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"
></script> <%--load jquery library--%>
<script type=
"text/javascript"
>
$(document).ready(function () {
//disable button <Save and Continue Update>
$(
"#MainContent_ButtonSubmit"
).attr(
'disabled'
,
'disabled'
);
$(
"#MainContent_ButtonSubmit"
).css({
"cursor"
:
"default"
,
//"box-shadow": "none"
});
//in case the user perform changes in General tab
$(
'#MainContent_RadPageViewGeneral :input'
).change(function () {
//disable button <Save and Continue Update>
$(
"#MainContent_ButtonSubmit"
).removeAttr(
'disabled'
);
$(
"#MainContent_ButtonSubmit"
).css({
"cursor"
:
"pointer"
,
// "box-shadow": "1px 0px 6px #333"
});
});
});
//client-side event occurs when the user selects a tab, before the tab is selected.
function OnClientTabSelecting(sender, eventArgs) {
var pageView = multiPage.get_selectedPageView();
if
(pageView.get_id() ==
'MainContent_RadPageViewGeneral'
)
{
//we are exiting General tab
//check status of save button, if not disabled then we need to save
var disabledValue = $(
"#MainContent_ButtonSubmit"
).attr(
'disabled'
);
if
(disabledValue !=
'disabled'
)
{
alert(
'You cannot continue without performing save'
);
eventArgs.set_cancel(
true
);
//stop the selection
return
;
}
}
eventArgs.set_cancel(
false
);
}
</script>
</telerik:RadCodeBlock>
i have a radtextbox with TextMode="MultilLine". i want to have a list of items in it but the problem is that in a radgrid, the textbox shrinks vertically and you have to use scroll bars to see all the content.
i have tried...
height="100%" on the textbox itself
(another recommendation)
OVERFLOW-X: visible; OVERFLOW-Y: visible; WORD-WRAP: break-word; HEIGHT: 100%;
on the CSS Class of the textbox
is there a quick and easy way to show all the vertical content and stretch the textbox to fix the vertical content? if not in edit mode then at least in read-only mode?
if i can achieve the effect with another control or htmlcontrol, what would you recommend?
<html xmlns="http://www.w3.org/1999/xhtml" > |
<head runat="server"> |
<title></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<telerik:RadScriptManager ID="RadScriptManager1" runat="server"> |
</telerik:RadScriptManager> |
<telerik:RadToolBar ID="RadToolBar1" runat="server" style="width:100%;"> |
<Items> |
<telerik:RadToolBarSplitButton runat="server" EnableDefaultButton="true" DefaultButtonIndex="0" > |
<Buttons> |
<telerik:RadToolBarButton Value="first" ImageUrl="Images/ticket1-16.png" /> |
<telerik:RadToolBarButton Value="second" ImageUrl="Images/tickets16.png" /> |
</Buttons> |
</telerik:RadToolBarSplitButton> |
</Items> |
</telerik:RadToolBar> |
<hr /> |
<telerik:RadToolBar ID="RadToolBar2" runat="server" style="width:100%;"> |
<Items> |
<telerik:RadToolBarSplitButton runat="server" EnableDefaultButton="true" DefaultButtonIndex="0" > |
<Buttons> |
<telerik:RadToolBarButton Value="first" ImageUrl="Images/ticket1-16.png" Text="One Ticket" /> |
<telerik:RadToolBarButton Value="second" ImageUrl="Images/tickets16.png" Text="Multiple Tickets" /> |
</Buttons> |
</telerik:RadToolBarSplitButton> |
</Items> |
</telerik:RadToolBar> |
</form> |
</body> |
</html> |