Questions on UI for ASP.NET AJAX Forum

1 answer

167 views

Hi,

I am using a web application, which does not have a master page. I have a header.ascx page, in which I have declared TabStrip. The tabstrip is displaying fine, but on selecting a page, the tab header color is not getting changed and also not showing sub tabs.

I used the below code:

Header.ascx:

<telerik:RadTabStrip ID="MyTab1" CausesValidation="false" SelectedIndex="0" runat="server"

Skin="Forest" EnableEmbeddedSkins="false" >

<Tabs>

<telerik:RadTab runat="server" Text="Home" NavigateUrl="~/abc.aspx">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

In abc.aspx, I have referenced the header.ascx page, and I am trying to use the radtab as below in cs code:

RadTabStrip menuStrip = (RadTabStrip).FindControl("RadTab");

menuStrip.FindTabByValue("abc").Selected = true;

How to refer the tab strip in subsequent pages?

Thanks

TabStrip

answered on 27 Apr 2016

1 answer

254 views

Back and Next Buttons not updating calendar view.

For some reason the previous and next buttons are not updating my clanedar the date with the back button and next button.

<telerik:RadScheduler ShowAllDayRow="false" OnTimeSlotCreated="apertureAppointments_TimeSlotCreated" OverflowBehavior="Auto" runat="server" WeekView-ShowDateHeaders="true" ID="apertureAppointments"

TimelineView-UserSelectable="false" DayView-UserSelectable="true" AgendaView-UserSelectable="True" DataKeyField="ID" DataSubjectField="Subject" AllowInsert="false" AllowDelete="false" AllowEdit="false"

DataStartField="Start" DataEndField="End" DataRecurrenceField="RecurrenceRule" DayView-EnableExactTimeRendering="true" WeekView-UserSelectable="True" SelectedView="WeekView"

DataRecurrenceParentKeyField="RecurrenceParentID" DataSourceID="EntityDataSource1" StartInsertingInAdvancedForm="True" MonthView-UserSelectable="True" AgendaView-NumberOfDays="5" RowHeight="40px"

RenderMode="Classic" EnableExactTimeRendering="True" DataReminderField="Reminder" Width="800px" Height="1000px" EnableDatePicker="true" ShowHeader="true" ShowDateHeaders="true"

DayStartTime="09:00:00" ShowFooter="false" DayEndTime="18:00" FirstDayOfWeek="Monday" LastDayOfWeek="Friday" HoursPanelTimeFormat="HH:mm tt" OnAppointmentClick="apertureAppointments_AppointmentClick" OnTimeSlotContextMenuItemClicking="apertureAppointments_TimeSlotContextMenuItemClicking"

EnableDescriptionField="true" AppointmentStyleMode="Default" Skin="Metro" OnNavigationCommand="apertureAppointments_NavigationCommand">

<AdvancedForm Modal="True" />

<Reminders MaxAge="5" />

<Reminders Enabled="true"></Reminders>

<TimeSlotContextMenuSettings EnableDefault="false" />

<AppointmentContextMenuSettings EnableDefault="false" />

<DayView EnableExactTimeRendering="True" />

<AdvancedForm Modal="true"></AdvancedForm>

<ResourceTypes>

<telerik:ResourceType KeyField="lookup_code" Name="Managers" TextField="lookup_description" ForeignKeyField="managerId"

DataSourceID="ManagersDataSource"></telerik:ResourceType>

</ResourceTypes>

<ResourceStyles>

<%--AppointmentStyleMode must be explicitly set to Default (see above) otherwise setting BackColor/BorderColor

will switch the appointments to Simple rendering (no rounded corners and gradients)--%>

<telerik:ResourceStyleMapping Type="Managers" Text="Natalie Edgar"

BackColor="#512479" ApplyCssClass="appointment" />

<telerik:ResourceStyleMapping Type="Managers" Text="Clare Coyle"

BackColor="#512479" ApplyCssClass="appointment" />

<telerik:ResourceStyleMapping Type="Managers" Text="Christine Clarke"

BackColor="#512479" ApplyCssClass="appointment" />

<telerik:ResourceStyleMapping Type="Managers" Text="Adam Adair"

BackColor="#512479" ApplyCssClass="appointment" />

</ResourceStyles>

</telerik:RadScheduler>

</ContentTemplate>

</asp:UpdatePanel>

<asp:EntityDataSource runat="server" ID="EntityDataSource1" ConnectionString="name=aperturenetEntities"

DefaultContainerName="aperturenetEntities" EntitySetName="Appointments" EnableDelete="true"

EnableInsert="true" EnableUpdate="true">

</asp:EntityDataSource>

<asp:SqlDataSource ID="RoomsDataSource" runat="server"

ProviderName="System.Data.SqlClient" ConnectionString="<%$ ConnectionStrings:aperturenetSql %>"

SelectCommand="SELECT * FROM [Rooms]"></asp:SqlDataSource>

<asp:SqlDataSource ID="ManagersDataSource" runat="server"

ConnectionString="<%$ ConnectionStrings:aperturenetSql %>" SelectCommand="SELECT * FROM [tblApertureNetLookUps] WHERE lookup_type='11787CA6-DE99-4E0E-83D2-7D96E0FD11A3'"></asp:SqlDataSource>

Scheduler

answered on 27 Apr 2016

31 answers

2.1K+ views

[Solved] GridNumericColumn with Decimal Digits when Edit

Guys,

How can I set decimal digits to a GridNumericColumn when inserting/editing a record (NumericTextBox)?
I alredy have set the DataFormatString = "{0:C2}", but the grid ignores the format when edit mode.

    
            <telerik:GridNumericColumn NumericType="Currency"  DataField="Valor" DataType="System.Decimal" HeaderText="Valor" SortExpression="Valor" UniqueName="Valor" DataFormatString="{0:C2}">  
        
                <ItemStyle HorizontalAlign="Right"></ItemStyle> 
        
            </telerik:GridNumericColumn>

Regards,

Henrique

Grid

answered on 26 Apr 2016

1 answer

102 views

Add a filter programatically before export

I need to export my already filtered data grid, but my requirement says that inactive records should not be exported, so i'm trying to do this :

01. grdCct.ExportSettings.IgnorePaging = true;

02. grdCct.ExportSettings.ExportOnlyData = true;

03. grdCct.ExportSettings.Csv.FileExtension = "csv";

04. grdCct.ExportSettings.FileName = "Export_" + DateTime.Now.ToShortDateString();

05.// Column 6 is my "Active" column as text "Y/N"

06. grdCct.Columns[6].CurrentFilterValue="Y";

07. grdCct.MasterTableView.Rebind();

08.

09. grdCct.MasterTableView.ExportToCSV();

Can anybody tell me the correct way to accomplish this?.

Regards,

Grid

answered on 26 Apr 2016

3 answers

201 views

Impossible to type into my SearchBox

Hi, i have a problem with a RadSearchBox in IE11.

My SearchBox works when i launch the page for the first time, but in my page i use a modal window, wich is simply a Div. When this modal window is open, i put the Div which contains the SearchBox (and other elements) in "visibility: hidden;".

And when i close my modal window, i put it back to "visibility: visible", and from that moment it is impossible to write in the SearchBox.

I tried to add javascript to solve the problem, but nothing worked. Does someone have an idea?

1.var input = $j("#<%=SearchBox.ClientID%> input[type=text]");

2.input.focus(function () {

3. this.value = "";

4. this.contenteditable = true;

5.})

SearchBox

answered on 26 Apr 2016

1 answer

367 views

telerik RadAjaxLoadingPanel disappear after sometime

Hi,
I am using Telerik with ASP.NET.
There is some process which takes much time to complete. At the time of process RadAjaxLoadingPanel viwed successfully in my development environment.
But when I run the application from IIS then after some tile ajax loading panel disappear. At the time back end process till in progress and finally no message about the completion success or failure status.
Some code:
Master page:

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" AsyncPostBackTimeout="1200">

<Scripts>

<telerik:RadScriptReference Path="JS/jquery-1.11.1.min.js

</Scripts>

</telerik:RadScriptManager>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline><

telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelProcess" Enabled="true" runat="server" IsSticky="true" MinDisplayTime="300" Style="position: absolute; top: 0; left: 0; height: 100%; width: 100%">

Processing..

</telerik:RadAjaxLoadingPanel>

Content page:

<telerik:RadWindowManager ID="RadWindowManagerProcess" runat="server"</telerik:RadWindowManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelProcess1" Enabled="true" runat="server" IsSticky="true" Style="position: absolute; top: 0; left: 0; height: 100%; width: 100%;" RegisterWithScriptManager="true"> Processing...</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest" LoadingPanelID="RadAjaxLoadingPanelProcess1">

</telerik:RadAjaxPanel

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function confirmCallBackFn(arg) {

var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>")

if (arg) {

$find("<%= RadAjaxPanel1.ClientID%>").ajaxRequestWithTarget("<%= RadAjaxPanel1.UniqueID %>", "PanGenerate");

}

else {

ajaxManager.ajaxRequest('Cancel');

}

</script>

</telerik:RadCodeBlock>

CS:

protected void btnCrud_ProcessClick(object sender, EventArgs e){

//.........

if (totalCard >

{ var msg = new StringBuilder();

msg.Append("Total " + totalCard + " records found.");

msg.Append("/br");

msg.Append(" Do you want to process " + CalculativeCard + " records ?");<br> RadWindowManagerProcess.RadConfirm(msg.ToString(), "confirmCallBackFn", 370,170, null, "Confirmation Message")

}

So what can I do???
Please inform me if any more information required..
Thanks in advance

AjaxLoadingPanel

answered on 26 Apr 2016

4 answers

152 views

RadGrid isn't responsive from Theme Builder

Hello and thank you in advance,

I have created a customized theme using the Telerik Theme Builder which is supposed to be compatible with Bootstrap from what I understand. However, the issue I'm seeing is that the grid does not resize responsively when I reduce the size of the browser window. Below is the markup for my grid. The grid still appears to take up the size of the screen that you would see if you viewed it from a laptop but does not resize to fit a mobile-device-sized window.

<asp:Content ID="Content1" ContentPlaceHolderID="mainContent" runat="Server">

<asp:Panel ID="borderPanel1" runat="server" Style="margin-left: 2px;">

<div class="container">

<asp:Label ID="lblTitle" runat="server" CssClass="LabelHeader" Text="LAST 7 DAYS QUICK VIEW"></asp:Label>

<br />

<div class="row" style="float: left;">

<div class="col-sm-5" style="vertical-align: top; float: left;">

<telerik:RadGrid ID="RequestGrid" EnableEmbeddedSkins="false" Skin="NEE_Theme" OnNeedDataSource="RequestGrid_NeedDataSource" OnItemDataBound="RequestGrid_ItemDataBound" ShowStatusBar="true" runat="server"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

AllowMultiRowSelection="True" GridLines="None" BorderWidth="0" HeaderStyle-BorderWidth="0" FooterStyle-BorderWidth="0">

<MasterTableView BorderWidth="0">

<Columns>

<telerik:GridBoundColumn DataField="request__request_id" Visible="false" HeaderText="ID" UniqueName="request__request_id" ReadOnly="true" />

<telerik:GridBoundColumn DataField="place__place_id" HeaderText="Location" ItemStyle-Width="20%" ReadOnly="true" UniqueName="place__place_id" Visible="true" />

<telerik:GridBoundColumn DataField="request__req_type" HeaderText="Type" ItemStyle-Width="20%" ReadOnly="True" UniqueName="request__req_type" Visible="True" />

<telerik:GridBoundColumn DataField="request__req_status" HeaderText="Status" ItemStyle-Width="15%" ReadOnly="True" UniqueName="request__req_status" Visible="false" />

<telerik:GridBoundColumn DataField="req_status__description" HeaderText="Status" ItemStyle-Width="15%" ReadOnly="True" UniqueName="req_status__description" Visible="True" />

<telerik:GridBoundColumn DataField="request__cust_prob_descr" HeaderText="Description" ItemStyle-Width="45%" ReadOnly="True" UniqueName="request__cust_prob_descr" Visible="True" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<div class="col-sm-7">

<div class="row">

<div style="width: 100%;" class="col-sm-12">

<table style="width: 70%; height: 100%; border: 1px solid; line-height: 70px;">

<tr>

<td class="topalign">

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewRequests.aspx"

Text="View Service Requests" CssClass="leftalign" Font-Overline="false"></asp:HyperLink>

</td>

<td>

<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewRequests.aspx" CssClass="rightalign">

<img src="../../../Custom/Images/viewrequests.png" alt="Requests" style="line-height: 70px; height: 50px; float: right;"/>

</asp:HyperLink>

</td>

</tr>

</table>

</div>

<br />

<div class="row">

<div style="width: 100%;" class="col-sm-12">

<table style="width: 70%; height: 100%; border: 1px solid; line-height: 70px;">

<tr>

<td class="topalign">

<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewPlacesRecert.aspx"

Text="View Places & PM/Recert Due" CssClass="leftalign"></asp:HyperLink>

</td>

<td>

<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewPlacesRecert.aspx" CssClass="rightalign">

<table>

<tr>

<td>

<img src="../../../Custom/Images/viewplaces_1.png" alt="View Places & PM" />

</td>

<td>

<img src="../../../Custom/Images/viewplaces_2.png" alt="View Places & PM" />

</td>

<td>

<img src="../../../Custom/Images/viewplaces_3.png" alt="View Places & PM" width="50px" height="50px"/>

</td>

</tr>

</table>

</asp:HyperLink>

</td>

</tr>

</table>

</div>

<br />

<div class="row">

<div style="width: 100%;" class="col-sm-12">

<table style="width: 70%; height: 100%; border: 1px solid; line-height: 70px;">

<tr>

<td class="topalign">

<asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewProducts.aspx"

Text="View Products/Assets" CssClass="leftalign"></asp:HyperLink>

</td>

<td>

<asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="~/Default.aspx?page=NEE_ViewProducts.aspx" CssClass="rightalign">

<table style="line-height: 70px; float: right;">

<tr>

<td>

<img src="../../../Custom/Images/viewproducts_1.png" alt="View Products" style="line-height: 70px; height: 50px;"/>

</td>

<td>

<img src="../../../Custom/Images/viewproducts_2.jpg" alt="View Products" style="line-height: 70px; height: 50px;"/>

</td>

<td>

<img src="../../../Custom/Images/viewproducts_3.png" alt="View Products" style="line-height: 70px; height: 50px;"/>

</td>

</tr>

</table>

</asp:HyperLink>

</td>

</tr>

</table>

</div>

<br />

<div class="row">

<div style="width: 100%;" class="col-sm-12">

<table style="width: 70%; height: 100%; border: 1px solid; line-height: 70px;">

<tr>

<td class="topalign">

<asp:HyperLink ID="HyperLink7" runat="server" NavigateUrl="~/Default.aspx?page=NEE_CreateRequest.aspx"

Text="Create Service Request" CssClass="leftalign"></asp:HyperLink>

</td>

<td>

<asp:HyperLink ID="HyperLink8" runat="server" NavigateUrl="~/Default.aspx?page=NEE_CreateRequest.aspx" CssClass="rightalign">

<img src="../../../Custom/Images/createservicerequest.png" alt="Create Service Request" style="line-height: 70px; height: 50px; float: right;"/>

</asp:HyperLink>

</td>

</tr>

</table>

</div>

</asp:Panel>

</asp:Content>

Grid

answered on 26 Apr 2016

3 answers

200 views

Binding a referenced member to RadGrid while using EntityDataSource control

Hi,

I got stuck in an issue while trying to bind a reference member (navigation property - foreign key reference) to a dropdownlist. I have Telerik RadGrid control which gets the data using a EntityDataSource control. Here is the model description:

    
            Applications: AppId, AppName, ServerId 
        
            Servers: ServerId, ServerName

The Applicaitons.ServerId is a foreign key reference to Servers.ServerId. The RadGrid lists the applications and allows the user to insert/update/delete an application. I want to show the server names as a dropdownlist in edit mode which I'm not able to. . Here is my aspx code:

    
            <telerik:RadGrid ID="gridApplications" runat="server" Skin="Sunset"  
        
                AllowAutomaticInserts="True" AllowAutomaticDeletes="True" 
        
                AllowPaging="True" AllowAutomaticUpdates="True"  
        
                AutoGenerateColumns="False" OnItemCreated="gridApplications_ItemCreated"  
        
                DataSourceID="applicationsEntityDataSource" Width="50%"  
        
                OnItemInserted="gridApplications_ItemInserted"  
        
                OnItemUpdated="gridApplications_ItemUpdated"  
        
                OnItemDeleted="gridApplications_ItemDeleted" GridLines="None"> 
        
                <MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="False" DataKeyNames="AppId" DataSourceID="applicationsEntityDataSource"> 
        
                    <RowIndicatorColumn> 
        
                        <HeaderStyle Width="20px" /> 
        
                    </RowIndicatorColumn> 
        
                    <ExpandCollapseColumn> 
        
                        <HeaderStyle Width="20px" /> 
        
                    </ExpandCollapseColumn> 
        
                    <Columns> 
        
                        <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" HeaderText="Edit" ItemStyle-Width="10%"> 
        
                        </telerik:GridEditCommandColumn> 
        
                        <telerik:GridButtonColumn CommandName="Delete" Text="Delete" UniqueName="DeleteColumn" ConfirmText="Are you sure you want to delete this application?" ConfirmTitle="Confirm Delete" ConfirmDialogType="Classic" ItemStyle-Width="10%" HeaderText="Delete"> 
        
                        </telerik:GridButtonColumn> 
        
                        <telerik:GridBoundColumn DataField="AppId" UniqueName="AppId" Visible="false" HeaderText="Application Id" ReadOnly="true"> 
        
                        </telerik:GridBoundColumn> 
        
                        <telerik:GridBoundColumn DataField="AppName" UniqueName="AppName" HeaderText="Application Name" MaxLength="30" ItemStyle-Width="40%"> 
        
                        </telerik:GridBoundColumn> 
        
                        <telerik:GridTemplateColumn DataField="ServerId" UniqueName="ServerId" HeaderText="Server Hosted" EditFormColumnIndex="1"> 
        
                            <EditItemTemplate> 
        
                                <asp:DropDownList ID="ddlServerHosted" runat="server" DataTextField="Servers.ServerName" DataValueField="ServerId" Width="40%"> 
        
                                </asp:DropDownList> 
        
                            </EditItemTemplate> 
        
                        </telerik:GridTemplateColumn> 
        
                    </Columns> 
        
                    <EditFormSettings ColumnNumber="2" CaptionDataField="AppId" InsertCaption="Insert New Application" EditFormType="AutoGenerated"> 
        
                        <EditColumn InsertText="Insert record" EditText="Edit application id #:" EditFormColumnIndex="0" UpdateText="Application updated" UniqueName="InsertCommandColumn1" CancelText="Cancel insert" ButtonType="ImageButton"></EditColumn> 
        
                        <FormTableItemStyle Wrap="false" /> 
        
                        <FormTableStyle GridLines="Horizontal" CellPadding="2" CellSpacing="0" Height="110px" Width="110px" /> 
        
                        <FormTableAlternatingItemStyle Wrap="false" /> 
        
                        <FormStyle Width="100%" BackColor="#EEF2EA" /> 
        
                        <FormTableButtonRowStyle HorizontalAlign="Right" /> 
        
                    </EditFormSettings> 
        
                </MasterTableView> 
        
            </telerik:RadGrid> 
        
            <asp:EntityDataSource ID="applicationsEntityDataSource" runat="server"  
        
                ConnectionString="name=AnalyticsEntities" EnableDelete="True"  
        
                EntityTypeFilter="Applications" EnableInsert="True" EnableUpdate="True" EntitySetName="Applications"  
        
                DefaultContainerName="AnalyticsEntities" Include="Servers"> 
        
            </asp:EntityDataSource>

I tried another approach where I replaced the GridTemplateColumn with the following code

    
            <telerik:RadComboBox ID="RadComboBox1" DataSourceID="serversEntityDataSource" DataTextField="ServerName" DataValueField="ServerId" AppendDataBoundItems="true" runat="server" > 
        
            <Items> 
        
                <telerik:RadComboBoxItem /> 
        
            </Items>

and using a separate EntityDataSource control as follows:

    
             <asp:EntityDataSource ID="serversEntityDataSource" runat="server"  
        
                ConnectionString="name=AnalyticsEntities" EnableDelete="True"  
        
                EntityTypeFilter="Servers" EnableInsert="True" EnableUpdate="True" EntitySetName="Servers"  
        
                DefaultContainerName="AnalyticsEntities"> 
        
            </asp:EntityDataSource>

I'm able to populate the dropdownlistbox, but I get the following error, when I try to insert a new record.

    
            Application cannot be inserted. Reason: Entities in 'AnalyticsEntities.Applications' participate in the 'FK_Servers_Applications' relationship. 0 related 'Servers' were found. 1 'Servers' is expected.

My question is, how do you bind the navigation property and load the values in the DropDownList/RadComboBox control? Do I need two separate EntityDataSource control or just one control is enough?

I use the Telerik RadControls for ASP.NET AJAX Q3 2009 SP2. The environment is as follows:
Windows XP SP3, Visual Studio 2008/.NET Framework 3.5, Visual C#.

Grid

answered on 26 Apr 2016

1 answer

509 views

multiple radgrid on single page

Hi,

We have department field and data associated with department field.

For each department i need to display the data in different radgrid in single based and also group by department.

So let me know what is best approach to achieve this.

Please find the attachment (CAID,CGC is department name in screenshot, also department is dynamic, new department may be added or removed)

Grid

answered on 26 Apr 2016

1 answer

84 views

Grid CSS breaks when showing hidden column ID

Hi,

I have an weird issue going on, when i load my page the grid displays just fine, but after i go to filter and show hidden ID column the Grid CSS breaks, why is this happening so? how do i fix this issue?

Grid

answered on 26 Apr 2016