Questions on UI for ASP.NET AJAX Forum

3 answers

156 views

Enabling filtering causes skin problems with Radmenu

I have a Radmenu with EnableEmbeddedSkins="false" in my master page. Everything works fine until that menu is used with a Radgrid that utilizes column filtering via AllowFilteringByColumn="True". The Radgrid uses the embedded skin (i.e. not using EnableEmbeddedSkins="false"). It seems that the grid makes the Radmenu on the Masterpage ignore the modified skin that I've created and must be using the internal Grid skin.

How can I fix this? For what its worth, both are using the Web20 skin. Again, the Radmenu is the only one I've modified via Menu.Web20.css in my App_Themes folder. Everything else is using the standard embedded skin.

Any ideas?

Grid

answered on 09 Jan 2017

2 answers

168 views

Horizontal scroll bar not working in IE11 when grid resize

Hi, we have an issues with rad grid resizing and this issue is only in IE11 in chrome its working perfectly.

This is the grid client settings and mastertable view code:

<telerik:RadGrid ID="grdInvoiceList" CssClass="" Skin="MetroTouch" Width="100%"

runat="server" AutoGenerateColumns="false" PagerStyle-HorizontalAlign="Right" AllowCustomPaging="true"

AllowPaging="true" AllowFilteringByColumn="true" AllowSorting="true" EnableHeaderContextMenu="true"

OnNeedDataSource="grdInvoiceList_NeedDataSource" OnItemDataBound="grdInvoiceList_ItemBound"

OnItemCreated="grdInvoiceList_ItemCreated" EnableLinqExpressions="false" OnPreRender="grdInvoiceList_PreRender">

<GroupingSettings CaseSensitive="false" />

<ExportSettings FileName="Invoice_Details" OpenInNewWindow="true" ExportOnlyData="true"

IgnorePaging="true">

</ExportSettings>

<ClientSettings Resizing-AllowColumnResize="true" AllowAutoScrollOnDragDrop="true" Resizing-AllowResizeToFit="true" Resizing-EnableRealTimeResize="true">

<Scrolling AllowScroll="True" SaveScrollPosition="true"></Scrolling>

<Selecting AllowRowSelect="true" />

<ClientEvents OnColumnResized="ColumnResized" />

<ClientEvents OnColumnShown="ColumnShown" />

<ClientEvents OnColumnHidden="ColumnHidden" />

<ClientEvents OnRowContextMenu="RowContextMenu" />

</ClientSettings>

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

<MasterTableView Width="100%" AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" TableLayout="Auto">

1, check image "IE-grid-1.png " once we land on the page we can see the scroll bar and we can scroll left to right without issues in IE.

2, now check "IE-grid-2.png" i just resized the grid header now the scroll bar disappeared. i will not get the scroll bar unless i reload the page.

is there a solution to resolve this issue? we are using telerik 2014.1.403.40.

Grid

answered on 09 Jan 2017

9 answers

530 views

File Upload using RadAjaxPanel, RadAjaxLodingPanel and RadAjaxManager

Hi,

I'm using RadUpload to upload the photo.

After I selected the photo and click the Upload Button, I want to refresh the image in DataList only by using RadAjaxPanel, RadAjaxLodingPanel and RadAjaxManager.

I don't want the whole page doing the postback. How can i do that?

    
            <telerik:RadUpload ID="uplPhoto" runat="server" ControlObjectsVisibility="None" MaxFileInputsCount="1" > 
        
                    </telerik:RadUpload> 
        
                    <asp:Button ID="btnUpload" runat="server" Text="Upload" onclick="btnUpload_Click" /> 
        
            <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">  
        
                    <asp:DataList ID="dtlPhoto" runat="server" DataKeyField="CreatedBy"   
        
                        DataSourceID="odsPhoto" RepeatDirection="Horizontal" RepeatColumns="3"   
        
                        onitemdatabound="dtlBlogPhoto_ItemDataBound">  
        
                        <ItemTemplate> 
        
                            <img id="img1" alt="" src='<%# Eval("Location") %>' /> 
        
                        </ItemTemplate> 
        
                    </asp:DataList> 
        
                    </telerik:RadAjaxPanel> 
        
            <telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="btnUpload">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="dtlPhoto"   
        
                                        LoadingPanelID="RadAjaxLoadingPanel1" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManagerProxy> 
        
                    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">  
        
                    </telerik:RadAjaxLoadingPanel>

Thanks.

Regards,
Jessie

Ajax

answered on 07 Jan 2017

3 answers

867 views

Forcefull postback on button click on page using RadAjaxPanel

I am using RadAjaxPanel and want that a particular button on this page should cause postback. How can i do that?

Ajax

answered on 07 Jan 2017

4 answers

726 views

RadAjaxPanel vs. RadAjaxManager

Hi guys,

I've been put in a situation where I need to consider which is the best solution, using RadAjaxPanel or RadAjaxManager. My site has mostly dynamically created controls, added to the page on server-side. Since I wanted to have AJAX on them, most of them are placed inside RadAjaxPanels. There are quite a few controls that interact with each other and AjaxPanel seemed the simple and logical way to handle AJAX requests between them.

However, I'm wondering if using AjaxManager would be better in terms of performance. Are there any situations when using RadAjaxManager is more desirable and efficient than putting the controls in question in a RadAjaxPanel?

Cheers,
Andrei

Ajax

answered on 07 Jan 2017

25 answers

1.7K+ views

Responsive Design

Does the RadGrid come withany out of the box fuctionallity for responsive Design.

Or how would you go about it if you want to have Screens lager then 1024 and those smaller show different grids, or remove some colums for smart phones?

Markus

Grid

answered on 06 Jan 2017

11 answers

382 views

stop wrapping of filter text box

1. The first filter (for a date column) wraps, such that the filter icon is below the text box instead of to the right.
How can I resize or keep it from wrapping? I tried many different filter sizes in the aspx and TableLayout="auto"
and TableLayout="fixed". It looks like there is not enough space for the text box, the date picker icon, and the filter icon.

2. I tried this technique:
http://www.telerik.com/help/aspnet-ajax/grdsettingfiltertextboxdimensions.html

But I do not know what value to use for "ContactName" in:
TextBox box = filteringItem["ContactName"].Controls[0] as TextBox;

I tried the Unique Name for the GridDateTimeColumn but it did not work

3. I tried this technique. It executed without error, but it did not change anything. Do I need to delete the size declarations in the aspx? Or does this code override?
http://www.telerik.com/community/code-library/aspnet-ajax/grid/filter-textbox-sizing.aspx

4. aspx below

<rad:RadGrid ID="RadGrid1" Font-Size="Smaller" runat="server" PageSize="40" AllowPaging="True"
AutoGenerateColumns="False" ShowStatusBar="True" GridLines="None" MasterTableView-NoMasterRecordsText="No records; try different settings"
DataSourceID="MasterDatasource1" OnInit="RadGrid1_Init" AllowFilteringByColumn="True" AllowSorting="True"
Width="989px" OnItemCreated="RadGrid1_ItemCreated" >
<PagerStyle Mode="Slider" />
<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
</Scrolling>
<Selecting AllowRowSelect="true" />
</ClientSettings>
<MasterTableView AutoGenerateColumns="False" Width="100%" DataKeyNames="Day" TableLayout="auto">
<ExpandCollapseColumn Visible="True"></ExpandCollapseColumn>
<Columns>
<rad:GridDateTimeColumn DataField="Day" HeaderText="Day" UniqueName="Day" ReadOnly="true" DataFormatString="{0:d}"
PickerType="DatePicker" FilterControlWidth="90px" >
<HeaderStyle Width="160px" />
<ItemStyle Width="160px" />
</rad:GridDateTimeColumn>
<rad:GridBoundColumn DataField="MinPerPickTicket" HeaderText="MinPerPickTicket" UniqueName="MinPerPickTicket" ReadOnly="true" DataFormatString="{0:#,###.##}" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="SecPerPickLin" HeaderText="SecPerPickLin" UniqueName="SecPerPickLin" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="SecPerQtyToPick" HeaderText="SecPerQtyToPick" UniqueName="SecPerQtyToPick" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDuration" HeaderText="PickDuration" UniqueName="PickDuration" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickTicket" HeaderText="PickTicket" UniqueName="NumPickTicket" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickLin" HeaderText="PickLine" UniqueName="NumPickLin" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyToPick" HeaderText="ToPick" UniqueName="QtyToPick" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyPicked" HeaderText="Picked" UniqueName="QtyPicked" ReadOnly="true" FilterControlWidth="50px" >
</rad:GridBoundColumn>
</Columns>
<DetailTables>
<rad:GridTableView DataSourceID="DetailDataSource1" Name="DS1Detail"
CellSpacing="-1">
<ParentTableRelation>
<rad:GridRelationFields DetailKeyField="Day" MasterKeyField="Day" />
</ParentTableRelation>
<Columns>
<rad:GridBoundColumn DataField="PickTicket" HeaderText="PickTicket" UniqueName="PickTicket">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSecPerPickLin" HeaderText="PickDurationSecPerPickLin" UniqueName="PickDurationSecPerPickLin">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSecPerQtyToPick" HeaderText="PickDurationSecPerQtyToPick" UniqueName="PickDurationSecPerQtyToPick">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="PickDurationSec" HeaderText="PickDurationSec" UniqueName="PickDurationSec">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="NumPickLin" HeaderText="NumPickLin" UniqueName="NumPickLin">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyToPick" HeaderText="QtyToPick" UniqueName="QtyToPick">
</rad:GridBoundColumn>
<rad:GridBoundColumn DataField="QtyPicked" HeaderText="QtyPicked" UniqueName="QtyPicked">
</rad:GridBoundColumn>
</Columns>
</rad:GridTableView>
</DetailTables>
</MasterTableView>
</rad:RadGrid>

Grid

answered on 06 Jan 2017

1 answer

67 views

RadCloudUpload can not send to German azure cloud

RadCloudUpload sends request to {AccountName}.blob.core.windows.net, but this leads to an error if the german azure cloud is used. The german endpoint is {AccountName}.blob.core.cloudapi.de/

Is there a way to determine the endpoint itself?

Regards

CloudUpload

answered on 06 Jan 2017

3 answers

98 views

Frozen Columns and Allow Resize

Hello everyone,

it seems like it is not possible to freeze the first two columns of my grid and at the same time allow resizing of the individual columns. Is there a way to achieve this functinality?

Thank you very much!

best regards,

Max

Grid

answered on 06 Jan 2017

1 answer

616 views

How to download and install version 2015.1.225.45

Hello,
How can I download and install Telerik.Web.UI.dll 2015.1.225.45. I tried using the Telerik Control Panel and Telerik account but don't see the version I need.
Thanks,
Nick

General Discussions

answered on 06 Jan 2017