Questions on UI for ASP.NET AJAX Forum

3 answers

220 views

I am adding a radEditor to a radGrid which is on pop up window for an ASP.Net application. However when I add the control and render the page the radEditor is unresponsive and does not allow me to add text or use any of the controls on the toolbar. When I debug in the browser there is an error message "Uncaught Type Error: a[b] is not a function". Is there any known issues of having the radEditor inside a radGrid? below is the tag structure.

<telerik:RadAjaxPanel>

<telerik:RadGrid>

<div>

<telerik:RadEditor ID="radID" runat="server" Content='<%# Bind("stuff") %>'></telerik:RadEditor>

</div> `

</FormTemplate>

</EditFormSettings>

</mastertableview>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

1down vote favorite

I am adding a radEditor to a radGrid which is on pop up window for an ASP.Net application. However when I add the control and render the page the radEditor is unresponsive and does not allow me to add text or use any of the controls on the toolbar. When I debug in the browser there is an error message "Uncaught Type Error: object is not a function". Is there any known issues of having the radEditor inside a radGrid?

1down vote favorite

I am adding a radEditor to a radGrid which is on pop up window for an ASP.Net application. However when I add the control and render the page the radEditor is unresponsive and does not allow me to add text or use any of the controls on the toolbar. When I debug in the browser there is an error message "Uncaught Type Error: object is not a function". Is there any known issues of having the radEditor inside a radGrid?

1down vote favorite

I am adding a radEditor to a radGrid which is on pop up window for an ASP.Net application. However when I add the control and render the page the radEditor is unresponsive and does not allow me to add text or use any of the controls on the toolbar. When I debug in the browser there is an error message "Uncaught Type Error: object is not a function". Is there any known issues of having the radEditor inside a radGrid?

Editor

answered on 07 Jun 2016

1 answer

302 views

Vertical Expandable Navigation Menu using RADMenu--CSS

Hi.

I am using RadMenuItem for Vertical Navigation bar. But I am unable to place the child menus just below the parent one. All the parent menus should drift down keeping the child menu with the parent one. Right now , it is displaying over the next parent menu which I do not want.

Also, please help me out with CSS part as the CSS which I am applying is not working. Let say, we need to change the back color, size(height and width) of both parent and child menu item.

Also, is there any way out in telerik control that text and image of menu item should be displayed only on click of some button. By Default , it should display only image.

Please find attached the menu required.

Thanks

Menu

answered on 07 Jun 2016

2 answers

77 views

AsyncUpload w SqlDataSource?

Can someone show me an example of how to insert/update a photo that resides in the database with this control using a SqlDataSource?

Thank you in advance!

Michael

AsyncUpload

answered on 07 Jun 2016

1 answer

497 views

Scroll and select to last row of radgrid in c# code

How do I go to the last row of the RadGrid? the line must be visible and selected. I did so but it does not work (Prerender event):
                int c = rdg.Items.Count;
                GridDataItem item = rdg.Items[c - 1];

                rdg.ClientSettings.Scrolling.AllowScroll = true;
                item.Font.Bold = true;
                item.Selected = true;
                item.Display = true;
                item.Visible = true;

Grid

answered on 07 Jun 2016

1 answer

158 views

Clear RadComboBox selection from IE

We had the following problems when a RadDropDownList has properties set to:

<telerik:RadComboBox runat="server" ID="cmbStation" Width="100%" AutoPostBack="true" CausesValidation="false" EmptyMessage="Choose one" MarkFirstMatch="true" DataSource='<%# Stations %>' />

Once we clicked "clear" the content of the RadComboBox with the "X" button in IE or clear manually, no postback was raised from the control.

Instead have a "telerik" way, we just set the client event "OnClientDropDownClosing" the following javascript fonction:

function CheckIfCleared(sender, eventArgs) {

if (sender._value == "" && sender._filterText == "") {

sender.clearSelection();

sender._applyEmptyMessage();

__doPostBack(sender._uniqueId, 'SelectedIndexChanged');

}

return true;

}

Is there a "Telerik" way, for current or next release, embedded in this control to do it ?

DropDownList

answered on 07 Jun 2016

5 answers

338 views

Conditional Formatting based on other Field

Hi,

I have a PivotGrid, which has the following layout:

<telerik:RadPivotGrid ID="RadPivotGrid1" runat="server" AllowFiltering="false" RowGroupsDefaultExpanded="false" RowTableLayout="Compact"

ShowColumnHeaderZone="false" ShowDataHeaderZone="false" ShowFilterHeaderZone="false" ShowRowHeaderZone="false"

OnNeedDataSource="RadPivotGrid1_NeedDataSource" OnCellDataBound="RadPivotGrid1_CellDataBound">

<ClientSettings EnableFieldsDragDrop="false">

<Scrolling AllowVerticalScroll="false"></Scrolling>

</ClientSettings>

<TotalsSettings RowsSubTotalsPosition="Last" ColumnsSubTotalsPosition="None" />

<Fields>

<telerik:PivotGridRowField DataField="Customer" ZoneIndex="0">

</telerik:PivotGridRowField>

<telerik:PivotGridRowField DataField="Contract" ZoneIndex="1">

</telerik:PivotGridRowField>

<telerik:PivotGridColumnField DataField="Quater">

</telerik:PivotGridColumnField>

<telerik:PivotGridColumnField DataField="SalesTax">

</telerik:PivotGridColumnField>

<telerik:PivotGridAggregateField DataField="Amount" Aggregate="Sum">

</telerik:PivotGridAggregateField>

<telerik:PivotGridAggregateField DataField="Changed" Aggregate="Sum" IsHidden="true">

</telerik:PivotGridAggregateField>

</Fields>

</telerik:RadPivotGrid>

The AggregateField "Amount" is type of decimal and "Changed" is type of bool.

My aim is to format the Field "Amount" with an ending "*" or a special color, if the Field "Changed" is true. How could I achieve this?

Thanks,
Jan-Bernd

PivotGrid

answered on 07 Jun 2016

2 answers

160 views

Cant use custom attributes

Hello,

I just started using your scheduler and cant get through this issue. I bound my scheduler with a custom webservice which send me an array of "tasks". Thing is, these "tasks" have many custom attributes that i'd like to be able to display/edit. So i modified the MyAppointmentInfo class with my own needs as follow :

class MyAppointmentInfo

{

private int _id;

private string _scode;

private string _subject;

private DateTime _start;

private DateTime _end;

private string _recurrenceRule;

private string _recurrenceParentId;

private string _reminder;

private int? _userID;

private int? _ressourceid;

private int _backcolor;

private string _description;

private double _dtlength;

private int _itimeslotbegin;

private int _itimeslotend;

private int _ifrozen;

private double _dtvaliditybegin;

private double _dtvalidityend;

private double _dtrealbegin;

private double _dtrealend;

private int _itype;

private int _isubtype;

private int _istatus;

private int _iresid;

private string _sresname;

private int _igroid;

private int _isiteid;

private int _iurgency;

private int _iresfixed;

private int _ialarm;

private int _icolor;

private int _iprofilsending;

private string _saddress;

private string _saddress2;

private string _szipcode;

private string _scity;

private string _scountry;

private double _dlati;

private double _dlongi;

private int _iradius;

private int _igeoquality;

private double _dkmbefore;

private double _dttimebefore;

private string _sspecialities;

private double _dquantity;

private int _tag;

private string _smotifdeletion;

private int _iuseridcreation;

private double _dtusercreation;

private int _iuseridlastchange;

private double _dtuseridlastchange;

I then have a getter/setter for each of these properties. I do not display all of these properties on the advanced form only some of those but all these datas will be used later.

So i tried to create custom attributes for the properties i wanted to display/edit in the advanced form. I did this operation using :

CustomAttributeNames="sAddress,sAddress2,sZipCode,sCity,sCountry"

Even if i set EnableCustomAttributeEditing to true, no control is created in my advanced form. So i created it using (one for each of the properties above) :

<telerik:RadTextBox runat="server" ID="sAddress2" TextMode="SingleLine" Columns="50" LabelCssClass="rfbLabel" Rows="5" Width="80%" Label="Adresse 2" Text='<%# Eval("sAddress2")%>' RenderMode="Lightweight" />

This way, when i get appointments from my webservice, these are displayed correctly on my scheduler and when clicked, displays the datas i want (including the custom attributes) in the advanced form.

But when i create a new appointment, i cant find any of these attributes in my e.appointment object when AppointmentInsert is triggered. The attribute count is 0.

Here is my RadScheduler1_AppointmentInsert code :

protected void RadScheduler1_AppointmentInsert(object sender, SchedulerCancelEventArgs e)

{

// I create a "task" from the e.Appointment object

// before sending it to my WebService

WS_Task.TRMSTaskData newTask = GetTaskFromAppointment(e.Appointment);

//Send newTask to my WebService

}

private WS_Task.TRMSTaskData GetTaskFromAppointment(Appointment a)

{ // create an object "task" from an "Appointment"

WS_Task.IRMSTaskservice ws = new WS_Task.IRMSTaskservice();

WS_Task.TRMSSession se = new WS_Task.TRMSSession();

se.UserId = 71;

se.SessionId = 1;

WS_Task.TRMSTaskData newTask = ws.GetNewTask(se);

newTask.sName = a.Subject;

newTask.id = Convert.ToInt32(a.ID);

newTask.sDescr = a.Description;

newTask.dtBegin = (a.Start).ToOADate();

newTask.dtEnd = (a.End).ToOADate();

newTask.dtLength = newTask.dtEnd - newTask.dtBegin;

newTask.sResName = a.Resources.GetResourceByType("Ressource").Text;

newTask.iResId = Convert.ToInt32(a.Resources.GetResourceByType("Ressource").Key);

newTask.iGroId = GetResourceFromID(newTask.iResId).iGroupId;

newTask.iUrgency = 0;

newTask.iResFixed = 0;

newTask.iAlarm = 0;

//Here i cant find a way to get the address field content

//newTask.sAddress = ???

return newTask;

}

I followed the instructions from this example : http://docs.telerik.com/devtools/aspnet-ajax/controls/scheduler/design-time/custom-resources-and-attributes but cant get this to work...

Let me know if you need any more details and thank you for your time

Scheduler

answered on 07 Jun 2016

3 answers

148 views

Auto Complete On Entry Event

Hi all,

I'm having a difficulties here. I create a RadGrid and use an EditFormSettings for inserting new data. Within the EditFormSettings , I have a RadAutoCompleteBox ID="plant" which will get the value from database. I want, when Users choose the Plant in RadAutoCompleteBox, system will parse the value of Latitude & Longitude to the RadTextBox which defined.

My challenge here, I'm able to retrieve the Latitude & Longitude value but unable to assign to the respective textbox.

Please help..

My code as below;
C#

protected void Plant_TextChanged(object sender, Telerik.Web.UI.AutoCompleteEntryEventArgs e)

{

string a = e.Entry.Text;

foreach (GridEditableItem item in RadGrid2.EditItems)

{

RadTextBox lati = (RadTextBox)item.FindControl("plantLat2");

RadTextBox longi = item.FindControl("plantLong2") as RadTextBox;

SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["ibmsConnectionString"].ToString());

SqlCommand cmd = new SqlCommand("plant_GPS_list", con);

SqlDataAdapter da = new SqlDataAdapter(cmd);

con.Open();

da.SelectCommand.CommandType = CommandType.StoredProcedure;

da.SelectCommand.Parameters.Add("@Plant", SqlDbType.VarChar, 50);

da.SelectCommand.Parameters["@Plant"].Value = a;

SqlDataReader dr = da.SelectCommand.ExecuteReader();

try

{

if (dr.Read())

{

lati.Text = dr["Latitude"].ToString();

longi.Text = dr["Longitude"].ToString();

}

catch (Exception ex)

{

Console.WriteLine(ex.Message);

}

con.Close();

}

ASPX

<telerik:RadGrid ID="RadGrid2" runat="server" DataSourceID="SqlDataSource2" OnDetailTableDataBind="RadGrid2_DetailTableDataBind"

OnNeedDataSource="RadGrid2_NeedDataSource" AllowFilteringByColumn="True" AllowPaging="True"

OnItemCreated="RadGrid2_ItemCreated" OnInsertCommand="RadGrid2_InsertCommand"

OnItemDataBound="RadGrid2_ItemDataBound" OnItemCommand="RadGrid2_ItemCommand">

<GroupingSettings CollapseAllTooltip="Collapse all groups" />

<MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource2" DataKeyNames="Plant"

CommandItemDisplay="Top">

<CommandItemTemplate>

<div style="padding: 10px 10px; color: #2B373D !important; font-weight: bold;">

<asp:LinkButton ID="LinkButton2" runat="server" CommandName="InitInsert" Visible='<%# !RadGrid2.MasterTableView.IsItemInserted %>'>

<i class="fa fa-plus"></i> Add Platform / Plant

</asp:LinkButton>

</div>

</CommandItemTemplate>

<Columns>

....

</Columns>

<DetailTables>

<telerik:GridTableView Name="BpName">

.......

</telerik:GridTableView>

</DetailTables>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<div class="form-horizontal">

<div class="form-group">

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

Plant :</div>

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

<div class="form-inline">

<div class="form-group">

<telerik:RadAutoCompleteBox ID="plant" runat="server" DataSourceID="dsPlant" DataTextField="Plant"

OnEntryAdded="Plant_TextChanged" DataValueField="Plant" InputType="Token" Width="300px"

AllowCustomEntry="true" AutoPostBack="True">

<TextSettings SelectionMode="Single" />

</telerik:RadAutoCompleteBox>

</div>

<div class="form-group">

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="plant"

ErrorMessage="* Please insert Plant." Font-Bold="True" ForeColor="Red" SetFocusOnError="True">

</asp:RequiredFieldValidator>

</div>

<div class="form-group">

<label class="col-md-2 control-label">

GPS Location :</label>

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

<div class="form-horizontal">

<div class="form-group">

<label class="col-sm-12 col-md-1 control-label">

Latitude

</label>

<div class="col-sm-12 col-md-10">

<telerik:RadTextBox ID="plantLat2" runat="server" Text='<%# Bind( "Latitude") %>'>

</telerik:RadTextBox>

<asp:RangeValidator ID="LatRangeValidator2" runat="server" ControlToValidate="plantLat2"

ErrorMessage="* Choose a coordinate between -90 and 90 degrees inclusive." Font-Bold="true"

ForeColor="Red" MaximumValue="90" MinimumValue="-90" EnableClientScript="False"

Type="Double" SetFocusOnError="True">

</asp:RangeValidator>

</div>

<div class="form-group">

<label class=" col-sm-12 col-md-1 control-label">

Longitude

</label>

<div class="col-sm-12 col-md-10">

<telerik:RadTextBox ID="plantLong2" runat="server" Text='<%# Bind( "Longitude") %>'>

</telerik:RadTextBox>

<asp:RangeValidator ID="LongRangeValidator2" runat="server" ControlToValidate="plantLong2"

ErrorMessage="* Choose a coordinate between -180 and 180 degrees inclusive."

Font-Bold="true" ForeColor="Red" MaximumValue="180" MinimumValue="-180" EnableClientScript="False"

Type="Double" SetFocusOnError="True">

</asp:RangeValidator>

</div>

<div class="form-group">

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

</div>

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

<asp:Button ID="plantUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

CssClass="btn btn-warning" runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>

<asp:Button ID="plantCancel" Text="Cancel" runat="server" CausesValidation="False"

CssClass="btn btn-info" CommandName="Cancel"></asp:Button>

</div>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

AutoCompleteBox

answered on 07 Jun 2016

6 answers

266 views

Show file name with sizes.

Greetings

In asyncupload, When I select few files for upload, all the file names are displayed above the control with a green icon. My requirement is. along with the individual file name, can I show the file size? I tried a couple of times but didn't work out and I want to confirm if its possible.

Please be kind enough to reply soon.

AsyncUpload

answered on 07 Jun 2016

1 answer

201 views

Multiple Y axis for Stacked bar and Line Chart.

Hi,

I'm having one chart with two type in it. one is stacked bar and other is Line Series. I want Stacked Bar chart should preferred left side Y axis value and Line series should preferred Right Side Y axis.

I want to show following:

1. Both Y axis should have different value step.

2. Stacked bar should refer Left Y axis

3. Line Series should refer Right Y axis

attached screen shot

Chart (HTML5)

answered on 07 Jun 2016