Questions on UI for ASP.NET AJAX Forum

6 answers

303 views

Hi,

Whenever I use the radwindow to display a page with autosize="true" it always adds extra space to the right and bottom. Please see the attachement. The white part in the window is the content, the light grey is the excess space added. Its does this with all my pages, big and small. The amount of extra space is also variant.

I have tried changing the doctype definition to:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I also tried adding this css to my pages:

body, form, html

{

height: 100%;

margin: 0px;

padding: 0px;

}

Im using 2009.3.1208.35

Any suggestions?

Izak.

Window

answered on 26 May 2011

2 answers

54 views

Setting Combo To Retrieved Value

I have an object/property called User.JobPosition where the JobPosition is a string.

I have a ComboBox that is bound to a sql datasource with AppendDataBoundItems set to True that selects from a lookup table of JobPositions.

Ho do I get the ComboBox to display the User.JobPosition. I have tried this and this:

ddlPosition.FindItemByValue(User.JobPosition.ToString))

ddlPosition.Items.Insert(0, New ListItem(User.JobPosition.ToString, User.JobPosition.ToString))

Neither of which work, whereas the native .NET dropDownList will allow something similar.

ComboBox

answered on 26 May 2011

2 answers

98 views

postback issue on page load

We are using RadScriptManager with the Ajax Proxy. We are experiencing some issues if users are quick to press buttons (I am thinking prior to the page completely loading).

For example,

The below code will do a postback if clicked quickly versus if you wait for the page to fully load. If you wait for the page to fully load it does what it's suppose to do, and just run the local javascript.

<telerik:RadButton id="addLocationButton" runat="server" text="Add Location" width="100" OnClientClicked="UpdateQuickPanel" AutoPostBack="false" />

Do you have any ideas what is causing this behavior and how to prevent it?

Thanks,
Todd.

Ajax

answered on 26 May 2011

2 answers

158 views

how to make treelist controls editable

Hi ,
we have requirement to place editable checkboxes at the treelist control. we are able to set the checkbox columns using the

TreeListCheckBoxColumn . but we are not able to make it editable. is there a way that i can make them editable such a way that when i click on the check box it should checked and if it contains child elements in it ,those also be checkable accordily.

Please suggest me on this.

For your information we are using 2010.3.1215.40 version of teleriks controls

thanks / Srinivas

TreeList

answered on 26 May 2011

7 answers

149 views

RadGrid insert/update extremely slow

Hi!

I am having an issue using a radgrid in a project. Everything works great, except when I make an insertion into the grid, the whole browser freezes for about 5 seconds. While the browser is frozen, the ajax loading panel is displayed, but the "loading circle" in the middle does not turn. It is also frozen.

Has anyone expirimented this issue before?

Thanks,

Alex

Grid

answered on 26 May 2011

3 answers

194 views

RadGrid set disabled color

Hi All:

I have a whole RadGrid that is sometimes disabled, and the default color is very light, so my user is having a problem seeing the data. So, how do I set the disabled color in the skin?

Phil

Grid

answered on 26 May 2011

5 answers

246 views

ItemTemplate and Selected Item color

I have a PanelBar that I am using an ItemTemplate with. I am populating the template with a table that has images and text in it. I cannot for the life of me find the right css to set the background color of the selected item. Any help would be greatly appreciated.

Thanks.

PanelBar

answered on 26 May 2011

15 answers

967 views

Radcombo Multi Select and Load On Demand

I am using the multi select in a Radcombobox from the code library. Because the list is really long (800 +) enteries, I would also like to implement the Load on Demand. How can I accomplish this?

Thanks,
Av

ComboBox

answered on 26 May 2011

2 answers

114 views

Setting filter function via custom FieldEditor

I've created a custom field editor which has:

Two radio buttons, radio1, radio2 with autopostback = true
A text box
A combo box (as described in the demo : http://www.telerik.com/help/aspnet-ajax/filter-custom-editors.html)

I have it coded like this:

When radio1 is selected, the textbox is visible, and the filter functions are EqualTo, NotEqualTo, Contains, Between, etc.
When radio2 is selected, the combo box is visible, and the only filter function is EqualTo.

My problem is when radio2 is selected, I can't figure out how to set the selected filter to EqualTo. For example, If radio1 is selected and the selected filter function is 'Contains', and then they select radio2, I can't set the selected filter to 'EqualTo'. I can reduce the options available in the context menu successfully when radio2 is clicked, but I can't set the selected filter.

Please help :)

Thanks,
Josh

Filter

answered on 26 May 2011

2 answers

110 views

Edit Forms wrong display

This is my rad grid:

<telerik:RadGrid ID="rgrdUsers" runat="server" AllowAutomaticDeletes="True" AllowPaging="True"

AllowSorting="True" DataSourceID="sdsUsers" GridLines="None" HorizontalAlign="Center"

ShowStatusBar="True" OnItemCommand="rgrdUsers_ItemCommand"

OnItemDataBound="rgrdUsers_ItemDataBound"

Width="938px" AutoGenerateColumns="False" OnNeedDataSource="rgrdUsers_NeedDataSource"

OnInsertCommand="rgrdUsers_InsertCommand" OnUpdateCommand="rgrdUsers_UpdateCommand">

<PagerStyle Position="TopAndBottom" />

<MasterTableView CommandItemDisplay="Top" DataKeyNames="PKUser" DataSourceID="sdsUsers"

EditMode="EditForms" Width="100%">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="PKUser" HeaderText="User ID" ReadOnly="True"

SortExpression="PKUser" UniqueName="PKUser" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="usrName" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrName %>"

SortExpression="usrName" UniqueName="usrName">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrName")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrName" runat="server" Text='<%#Bind("usrName") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrName" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters"

TargetControlID="txtUsrName" ValidChars=" áéíóúñÁÉÍÓÚÑ" />

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrAccount" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrAccount %>"

SortExpression="usrAccount" UniqueName="usrAccount">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrAccount")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrAccount" runat="server" Text='<%#Bind("usrAccount") %>' />

<asp:FilteredTextBoxExtender ID="ftxtUsrAccount" runat="server"

FilterType="Custom, LowercaseLetters, UppercaseLetters, Numbers"

TargetControlID="txtUsrAccount" ValidChars="." />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrDateAdd" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrDateAdd %>"

SortExpression="usrDateAdd" UniqueName="usrDateAdd">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "usrDateAdd", "{0:dd/MM/yyyy}")%>

</ItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrObserv" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrComments %>"

SortExpression="usrObserv" UniqueName="usrObserv">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem,"usrObserv")%>

</ItemTemplate>

<EditItemTemplate>

<asp:TextBox ID="txtUsrObserv" runat="server" Text='<%#Bind("usrObserv") %>' />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

<ItemStyle Width="120px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Privileges" EditFormColumnIndex="1"

HeaderText="<%$ Resources:Localization, usrPrivileges%>"

UniqueName="Privileges">

<ItemTemplate>

<asp:Label ID="lblPrivileges" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkPrivileges" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsPermits" DataTextField="prmDescript" DataValueField="PKPermit">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="Authorizer" EditFormColumnIndex="2"

HeaderText="<%$ Resources:Localization, usrApprover%>"

UniqueName="Authorizer">

<ItemTemplate>

<asp:Label ID="lblAuthorizer" runat="server" />

</ItemTemplate>

<EditItemTemplate>

<asp:CheckBoxList ID="chkAuthorizer" runat="server" CellPadding="0" CellSpacing="0"

DataSourceID="sdsTypeAuth" DataTextField="typeAuthDesc"

DataValueField="PKTypeAuth">

</asp:CheckBoxList>

</EditItemTemplate>

<HeaderStyle Width="150px" HorizontalAlign="Center" />

<ItemStyle Width="150px" HorizontalAlign="Left" VerticalAlign="Top" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="usrSignature" EditFormColumnIndex="0"

HeaderText="<%$ Resources:Localization, usrSign%>"

UniqueName="usrSignature">

<ItemTemplate>

<telerik:RadBinaryImage runat="server" ID="rb"

DataValue='<%#Eval("usrSignature") is DBNull ? null : Eval("usrSignature")%>'

AutoAdjustImageControlSize="false" Height="30px" Width="100px"

AlternateText="<%$ Resources:Localization, NoSignature %>" />

</ItemTemplate>

<EditItemTemplate>

<telerik:RadAsyncUpload ID="raupSignature" runat="server"

AllowedFileExtensions="bmp,gif,jpg,jpeg,png"

OnClientFileUploaded="clientFileUploaded" MaxFileInputsCount="1" Width="120px" />

</EditItemTemplate>

<HeaderStyle Width="120px" HorizontalAlign="Center" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete"

ConfirmText="<%$ Resources:Localization, usrDelete%>"

Text="Delete" UniqueName="Delete">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings CaptionDataField="usrName"

CaptionFormatString="<%$ Resources:Localization, usrEdit %>"

InsertCaption="<%$ Resources:Localization, usrInsert %>" ColumnNumber="3">

<FormCaptionStyle CssClass="editFormHeader" />

<FormTableItemStyle Wrap="False" />

<FormMainTableStyle BackColor="#fafad2" GridLines="None" CellSpacing="2" CellPadding="2"

Width="100%" />

<FormTableStyle CellSpacing="2" CellPadding="2" CssClass="editFormBody" />

<FormTableAlternatingItemStyle Wrap="False" />

<EditColumn ButtonType="ImageButton"

InsertText="<%$ Resources:Localization, lblInsert %>"

UpdateText="<%$ Resources:Localization, lblUpdate %>" UniqueName="EditCommand"

CancelText="<%$ Resources:Localization, lblCancel %>">

<ItemStyle CssClass="handCursor" />

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="editFormFooter" />

</EditFormSettings>

<EditItemStyle Width="33.3%" />

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

<ClientEvents OnRowDblClick="RowDblClick" />

</ClientSettings>

</telerik:RadGrid>

And when i trying to insert o edit a record, the display it's weird. It's posible to correct the widht of the columns in the EditForm and the size of the items inside without using a Template?

I interested in obtain a result like the design of the Grid / Edit Form with Multiple Columns example. With columns with equal width and centered items.

Regards,
Felipe Meléndez.

Grid

answered on 26 May 2011