Questions on UI for ASP.NET AJAX Forum

6 answers

87 views

[Solved] EditForm (in line) - Display/behavior adjustments

See attached screenshot.

Does anyone know how to remove the column border lines? I'd like to remove the one in between the final 2 columns in the screen shot (the one right before the Delete (X) button).

Also, when I'm using the Tab key to move from column to column, I'd like to prevent the Delete (X) button from being able to be tabbed to. Any ideas on how to do this?

Thanks again.

Grid

answered on 29 Mar 2013

10 answers

209 views

[Solved] MaskedTextField and GridMaskedColumnEditor

I have a column in my grid for entering a zip code and it is defined as:

<telerik:GridMaskedColumn ConvertEmptyStringToNull="False" DataField="ZipCode" DataFormatString="{0:####-#####}"

FilterControlAltText="Filter ZipCode column" HeaderText="Zip Code" Mask="#####-####"

SortExpression="ZipCode" UniqueName="ZipCode" EmptyDataText="">

<ColumnValidationSettings EnableRequiredFieldValidation="True">

<RequiredFieldValidator ErrorMessage="* Required"></RequiredFieldValidator>

</ColumnValidationSettings>

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="70px" />

<ItemStyle Width="100%" HorizontalAlign="Left"></ItemStyle>

</telerik:GridMaskedColumn>

I want to use the following control to edit it:

<telerik:GridMaskedColumnEditor runat="server" ID="txtGridEdit_Zip" MaskedTextBox-Width="90%">

<MaskedTextBox runat="server" LabelCssClass="" LabelWidth="64px" DisplayMask="#####-####"

Mask="#####-####" PromptChar=" " TextWithLiterals="-"></MaskedTextBox>

</telerik:GridMaskedColumnEditor

If I leave the <MaskedTextBox> line in, it crashes out and won't let me save. BUT, if I remove JUST the <MaskedTextBox> line, it works but then I have no way to adjust the styling of the editor.

Anyone else run into this or know of an example that works that you could point me to?

Thanks.

Grid

answered on 29 Mar 2013

4 answers

146 views

MaskedTextField Display Customization Issue

I have a grid that uses a MaskedTextField for a Zip Code column defined as:

<telerik:GridMaskedColumn ConvertEmptyStringToNull="False" DataField="ZipCode" DataFormatString="{0:#####}"

FilterControlAltText="Filter ZipCode column" HeaderText="Zip Code" Mask="#####"

SortExpression="ZipCode" UniqueName="ZipCode" EmptyDataText="" ShowSortIcon="False">

<ColumnValidationSettings EnableRequiredFieldValidation="True">

<RequiredFieldValidator ErrorMessage="* Required"></RequiredFieldValidator></ColumnValidationSettings>

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="80px" CssClass="grid-header" />

<ItemStyle Width="100%" HorizontalAlign="Left" VerticalAlign="Top"></ItemStyle>

</telerik:GridMaskedColumn>

If you look at the attached screen shot of what it looks like in Edit mode, you'll see that the text box used during edit is sized well beyond the width of the column. I have tried changing it to the following but it has no impact.

<telerik:GridMaskedColumn ConvertEmptyStringToNull="False" DataField="ZipCode" DataFormatString="{0:#####}"

FilterControlAltText="Filter ZipCode column" HeaderText="Zip Code" Mask="#####"

SortExpression="ZipCode" UniqueName="ZipCode" EmptyDataText="" ShowSortIcon="False" ColumnEditorID="txtGridEdit_Zip">

<ColumnValidationSettings EnableRequiredFieldValidation="True">

<RequiredFieldValidator ErrorMessage="* Required"></RequiredFieldValidator></ColumnValidationSettings>

<HeaderStyle Wrap="False" HorizontalAlign="Left" Width="80px" CssClass="grid-header" />

<ItemStyle Width="100%" HorizontalAlign="Left" VerticalAlign="Top"></ItemStyle>

</telerik:GridMaskedColumn>

<telerik:GridMaskedColumnEditor runat="server" ID="txtGridEdit_Zip">

<MaskedTextBox LabelCssClass="" LabelWidth="0px" Width="98%" Mask="#####" DataFormatString="{0:#####}" DisplayMask="#####" HideOnBlur="True" />

</telerik:GridMaskedColumnEditor>

Any ideas on how I can get this text box to display using 98% of the field's width like I do all of the other fields? I'm using the same approach for the other fields which work perfectly, only the MaskedColumn exhibits this behavior.

I know I made previous post regarding the error that occurs by using this code ('GridMaskedColumnEditor -> MaskedTextBox' declaration causes an error during runtime); so I'm hoping that someone else has used a different approach that has gotten around this.

Thanks.

Grid

answered on 29 Mar 2013

3 answers

1.4K+ views

cancel postback on onClientClicking

I'm checking if the internet is available or not by pinging my server. This method is called in onClientClicking event of the button.

If not connected to the internet I want to prevent the postback.
It displays 'Not connected to internet' message but after the user clicks 'OK' , it does a postback.

function checkinternetOnButtonClick(button, args) {

$.ajax({

url: 'http://www.MyDomainName.com',

success: function() {

},

error: function() {

alert('No internet connection available on button click!');

args.set_cancel(true);

return false;

}

});

}

<telerik:RadButton ID="btnBulkUpdate" runat="server" Text="Bulk Update" Width="150px"

Font-Size="Medium" OnClientClicking = "checkinternetOnButtonClick" />

Button

answered on 29 Mar 2013

1 answer

123 views

Format column in RadGrid!

Hi everybody!
I have a problem. I want to display information to radgrid. I need format data but have a problems. Example :
I do:
2123244 I formated: 2123244.00
7424 I formated: 7424.00
1.22 I formated:: 1.22
But I need:
2123244 I need format: 2 123 244
7424 I need format: 7 424
1.22 I need format: 1.22
(All in a radgrid)
Have you any ideas?
Thanks you very much!

Grid

answered on 29 Mar 2013

1 answer

278 views

Have other content same row/line as asyncupload control?

Hi,

On your default example of the async upload control, you have some text and images that appear before and after the upload control.
(see attachment: telerikasyncuploaddemo.jpg)

When I add anything in front or behind the control, it puts the control on it's own line.
(see attachment: howtogetallonsameline.jpg)

I've tried to trace your css to see how you're getting it all on one line and can't get it right...don't want to spend any more time on this...help!!!

AsyncUpload

answered on 29 Mar 2013

3 answers

265 views

Line Series Width

How do you set the width of the series line of the chart?
Like with my RadCharts I use <LineSeriesAppearance Width="1" />

Thanks

Chart (HTML5)

answered on 29 Mar 2013

4 answers

180 views

RadWindow ContentTemplate, RadFormDecorator and DropDownList

There seems to be a bug when a dropdownlist is placed in a RadWindow's ContentTemplate and is decorated by RadFormDecorator.

With RadFormDecorator, the RadWindow will appear with scrollbars. Seems like RadFormDecorator screw up RadWindows AutoSize height calculation.

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />
<telerik:RadWindow runat="server" ID="wUserForm" VisibleOnPageLoad="true" AutoSize="true">
<ContentTemplate>
<table>
<tr>
<td>test</td>
<td>
<asp:DropDownList ID="DropDownList1" runat="server">
<asp:ListItem>aaaaaaaa</asp:ListItem>
<asp:ListItem>bbbbbbbb</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
</ContentTemplate>
</telerik:RadWindow>

Window

answered on 29 Mar 2013

1 answer

61 views

Will there be an official Office2013 theme for ASP.Net AJAX suite?

Title says it all.
This would be an addendum to my other thread:
"Will there be an official Windows8 theme for ASP.Net AJAX suite?"

General Discussions

answered on 29 Mar 2013

3 answers

145 views

Cannot click on menu items

Upon some customers updating to the latest Internet Explorer (10.0.9200.16521); the RadMenu still displays as it always has, including submenus when hovering over, but when you click on an item, nothing happens.

Everything has been working just fine until the recent update of IE.

Anyone have any ideas?

Telerik.Web.UI.dll Version 2012.2.815.40

Clip from html

<