Questions on UI for ASP.NET AJAX Forum

6 answers

419 views

Telerik Controls not displayed correctly, help please

I have a simple webpage setup for testing. When I run the website under debug mode the controls display correct. However, when I move the website over to my server the control don't appear correct.

For example, the DatePicker function only has a link that says "Open the calander popup" instead of the little calander icon

And also the RadComboBox only has select instead of the drop down arrow.

There is no aspx.cs to show you guys, however here is my aspx. I'm pretty sure i'm missing something.

Here is the aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testingpage.aspx.cs" Inherits="testingpage" %>

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

<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>
<div>
    <telerik:RadDatePicker ID="RadDatePicker1" runat="server">
    </telerik:RadDatePicker>
    <telerik:RadComboBox ID="RadComboBox1" runat="server">
    </telerik:RadComboBox>
</div>
</form>
</body>
</html>

I do move the bin folder over which has all the dlls. I am running .net4.0 in intergrated mode.

General Discussions

answered on 23 Mar 2017

0 answers

161 views

Reload popup edit form

Hi all,

I use the RadGrid with popup edit form. In this form I can open another window and modify something (e.g. datasource for combobox). After closing this window I want to reload edit form with latest data. Is it possible to call 'refresh' from javascript or I must close the form, rebind grid and open edit form again?

Thank you,

Petr

Grid

asked on 23 Mar 2017

1 answer

141 views

exporting and need to modify header text

I have added the NeedDataSource sub because of the paging. it is the same as the code below.
once I hit the export sub code (gvMonthly.MasterTableView.ExportToCSV()) at any point afterwards the columns.count = 0

exporting using this code

<telerik:RadGrid ID="gvMonthly" AllowPaging="true" CssClass="tblGrid" HeaderStyle-CssClass="thTopHeader" runat="server" CellSpacing="1" CellPadding="3" DataKeyNames="practiceId" PageSize="50" />

the vb.net code is

conn.Open()

Dim sql As String = GetLabelRowSQL()

Dim myCommand As SqlCommand = New SqlCommand(sql, conn)

gvMonthly.DataSource = myCommand.ExecuteReader()

gvMonthly.DataBind()

conn.Close()

Grid

answered on 23 Mar 2017

4 answers

122 views

[Solved] Commanditem button as RadWindow opener

When I have a button in RadGrid commanditem as follows:

And I want to use that button as RadWindow opener like:

    Protected Sub dtgProducts_ItemCreated(ByVal sender As Object, ByVal e As GridItemEventArgs)
        If TypeOf e.Item Is GridCommandItem Then

            Dim commandItem As GridCommandItem = CType(e.Item, GridCommandItem)
            Dim button As Button = CType(commandItem.FindControl("btn_stats"), Button)

            ViewState("statsopener") = button.ClientID
            rw_Stats.OpenerElementID = button.ClientID
        End If

    End Sub

I try to assure the OpenerElementID on paging the RadGrid like:

    Protected Sub dtgProducts_PageIndexChanged(sender As Object, e As GridPageChangedEventArgs)

        dtgProducts.MasterTableView.Columns(1).HeaderText = ViewState("statsopener")
        'dtgProducts.AllowPaging = False
        rw_Stats.OpenerElementID = ViewState("statsopener")

    End Sub

But the button does not open the RadWindow after paging the grid.

Please assist.

Marc

Grid

answered on 23 Mar 2017

0 answers

96 views

Rad Menu Breaking

RadMenu design breaking. I have attached the screen shot.You can see in the attached screen shot, the menu has some display issues. Please help me to solve this issue.

I have used Office2010Black skin.

Thanks & Regards

Borg Joseph J

General Discussions

asked on 23 Mar 2017

5 answers

231 views

RadDataPager with the Grid

Can i use the RadDataPager with the Grid.

Thanks
John

Grid

answered on 23 Mar 2017

1 answer

203 views

RadNumeric Input Postback style change

I'm having difficulty understanding why some controls are changing style after a postback. Namely I have a couple RadNumeric controls with spinners. At first load they look and behave as expected. After postback, the style changes somewhat dramatically. Whether or not I use Bootstrap styling the issue persists. I can someone get around it by rolling my own style with !important tags on everything, but seems like a kludge. Any idea of what's going on? Below is code from page that is in question.

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<telerik:RadAjaxManager runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ddlProduct">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="ddlProduct" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting>

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="pnl" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />

<telerik:RadFormDecorator RenderMode="Lightweight" ID="RadFormDecorator1" runat="server" DecorationZoneID="grid" DecoratedControls="All" EnableRoundedCorners="false" />

<h3>Build Plan</h3>

<br />

<asp:Panel ID="pnl" runat="server">

<div class="row">

<div class="col-md-1">

<telerik:RadLabel Text="Product" runat="server" CssClass="pull-right" />

</div>

<div class="col-md-2">

<telerik:RadDropDownList ID="ddlProduct" runat="server" CssClass="pull-left" Width="150" Height="30">

<Items>

<telerik:DropDownListItem Text="Whitney" Value="3" />

<telerik:DropDownListItem Text="Lhotse" Value="4" />

</Items>

</telerik:RadDropDownList>

</div>

<div class="col-md-2">

<telerik:RadNumericTextBox RenderMode="Lightweight" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true" IncrementSettings-InterceptMouseWheel="true"

runat="server" ID="txtYear" Width="120" Height="30" MinValue="2016" MaxValue="2050" NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator="" CssClass="" Label="Year">

</telerik:RadNumericTextBox>

</div>

<div class="col-md-2">

<telerik:RadNumericTextBox RenderMode="Lightweight" ShowSpinButtons="true" IncrementSettings-InterceptArrowKeys="true" IncrementSettings-InterceptMouseWheel="true"

runat="server" ID="txtWeek" Width="120" Height="30" MinValue="1" MaxValue="53" NumberFormat-DecimalDigits="0" Label="Week">

</telerik:RadNumericTextBox>

</div>

<div class="col-md-2">

<telerik:RadButton runat="server" ID="btnGo" class="btn btn-default" Height="30" Text="Go" OnClick="btnGo_Click" />

</div>

<br />

<div id="grid">

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" GridLines="None" runat="server" Width="55%"

AllowAutomaticInserts="True" PageSize="10" OnItemUpdated="RadGrid1_ItemUpdated" OnPreRender="RadGrid1_PreRender" AllowAutomaticUpdates="True" AllowPaging="True"

AutoGenerateColumns="False" OnBatchEditCommand="RadGrid1_BatchEditCommand" OnCancelCommand="RadGrid1_CancelCommand">

<MasterTableView CommandItemDisplay="TopAndBottom" DataKeyNames="BuildPlanId"

HorizontalAlign="NotSet" EditMode="Batch" AutoGenerateColumns="False">

<BatchEditingSettings EditType="Cell" />

<CommandItemSettings ShowAddNewRecordButton="false" />

<NoRecordsTemplate>

<div>

<p class="alert-danger"> There are no records to display</p>

</div>

</NoRecordsTemplate>

<Columns>

<telerik:GridBoundColumn DataField="BuildPlanId" HeaderText="Product" Visible="false" UniqueName="BuildPlanId" />

<telerik:GridBoundColumn DataField="Product" HeaderStyle-Width="12%" HeaderText="Product" ReadOnly="true" UniqueName="Product" />

<telerik:GridBoundColumn DataField="Area" HeaderStyle-Width="15%" HeaderText="Area" ReadOnly="true" UniqueName="Area" />

<telerik:GridBoundColumn DataField="Day" HeaderStyle-Width="12%" HeaderText="Day" ReadOnly="true" UniqueName="Day" />

<telerik:GridBoundColumn DataField="Date" HeaderStyle-Width="12%" HeaderText="Date" ReadOnly="true" UniqueName="Date" DataFormatString="{0: MM/dd/yyyy}" />

<telerik:GridTemplateColumn DataField="Quantity" HeaderStyle-Width="10%" UniqueName="Quantity" HeaderText="Quantity">

<ItemTemplate>

<%# Eval("Quantity") %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadNumericTextBox ID="txtQty" runat="server" MinValue="1" MaxValue="300" ShowSpinButtons="true" Width="80" NumberFormat-DecimalDigits="0" NumberFormat-GroupSeparator="" />

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Shift" HeaderStyle-Width="10%" HeaderText="Shift" Visible="false" UniqueName="Shift" />

</Columns>

</MasterTableView>

<ClientSettings AllowKeyboardNavigation="true"></ClientSettings>

</telerik:RadGrid>

</div>

</asp:Panel>

</asp:Content>

Input

answered on 22 Mar 2017

6 answers

208 views

Edit Mode RadButton ToggleType=Radio not working value display Unchecked

Hello All
I have a Issue with the RadButton ToggleType="Radio" buttons. In Insert Mode Radio Button Selected Value Save Data is Properly
but When I Edit Mode and I Press My Edit Button Then RadButton Selected Value is Unchecked

<table>

<tr>

<td valign="top" align="right">

<asp:Label ID="lblSchedule" runat="server" CssClass="labelText" Text="Schedule: "></asp:Label>

</td>

<td valign="top" align="left" colspan="3">

<telerik:RadButton ID="rdEmployer1" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Mon" Value="1"></telerik:RadButton>

<telerik:RadButton ID="rdEmployer2" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Tue" Value="2"></telerik:RadButton>

<telerik:RadButton ID="rdEmployer3" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Wed" Value="3"></telerik:RadButton>

<telerik:RadButton ID="rdEmployer4" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Thr" Value="4"></telerik:RadButton>

<telerik:RadButton ID="rdEmployer5" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Fri" Value="5"></telerik:RadButton>

<telerik:RadButton ID="rdEmployer6" runat="server" ButtonType="ToggleButton" GroupName="Schedule" ToggleType="Radio" AutoPostBack="false" Text="Sat" Value="6"></telerik:RadButton>

</td>

</tr>

</table>

protected void btnEmployerEdit_Click(object sender, EventArgs e)

{

DataSet dsEmploerList = General.General.objService.GetEmployerBYID(Convert.ToInt32(EmployerPK);

if (dsEmploerList != null && dsEmploerList.Tables.Count > 0 && dsEmploerList.Tables[0].Rows.Count > 0)

{

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "1")

rdEmployer1.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "2")

rdEmployer2.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "3")

rdEmployer3.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "4")

rdEmployer4.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "5")

rdEmployer5.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "6")

rdEmployer6.Checked = true;

if (Convert.ToString(dsEmploerList.Tables[0].Rows[0]["Schedule"]) == "")

rdEmployer1.Checked = rdEmployer2.Checked = rdEmployer3.Checked = rdEmployer4.Checked = rdEmployer5.Checked = rdEmployer6.Checked = false;

}

protected void btnEmployerSave_Click(object sender, EventArgs e)

{

string Scheduler = string.Empty;

if (rdEmployer1.Checked == true)

Scheduler = "1";

if (rdEmployer2.Checked == true)

Scheduler = "2";

if (rdEmployer3.Checked == true)

Scheduler = "3";

if (rdEmployer4.Checked == true)

Scheduler = "4";

if (rdEmployer5.Checked == true)

Scheduler = "5";

if (rdEmployer6.Checked == true)

Scheduler = "6";

if (EmployerPK > 0)

{

EmployerPK = General.General.objService.UpdateEmployer(EmployerPK, Scheduler);

}

else

{

EmployerPK = General.General.objService.InsertEmployer(Scheduler);

}

Button

answered on 22 Mar 2017

0 answers

90 views

Issue writing dynamic javascript in radscriptblock

I have radajaxpanel and inside of that I have a radscriptblock. In the block I am writing dynamic javascript code. It has to be updated on postback with the changes made on the page by the user. Now, this process was working well for a while.

However, when I went to review the page. After postback, the javascript did not work. I noticed in firebug that when the page initially loaded I saw the script tag and the dynamic code. When I did a postback, I no longer saw the script tag, and no javascript was loaded. The only thing I recall was that I updated telerik on the site to 2017.1.118.45. Did something change in the newer version or could it be something else?

Ajax

asked on 22 Mar 2017

3 answers

134 views

AllowRecursiveSelection and SelectedItems

Hi,

I'm using a RadTreeList with data bound using a DataTable in NeedDataSource.

I set AllowRecursiveSelection to true so that all child nodes are selected too, even if they are not expanded.

Unfortunately, it doesn't work as expected. If I check SelectedItems on the server, I only get a list containing the currently VISIBLE selected items. The child items are not included. If I expand this selected node, the children are selected as expected and appear in the SelectedItems. If I collapse the node again, they don't appear in SelectedItems anymore.

Also, the Items property only contains the currently VISIBLE items, I expected it to contain all items.

The SelectedIndexes property is always correct, but I don't know how I could use this information to find the according data in the DataTable.

What do I have to do to get SelectedItems to return the invisble selected items too?

Thanks!

TreeList

answered on 22 Mar 2017