Questions on UI for ASP.NET AJAX Forum

1 answer

93 views

Hello Everyone,

I Am new to posting to these forums, but have been using Telerik for a few months now at my job. I've ran into a problem that I need some help with. So I have a rad grid bound to a datasource that is returned in code. A problem is coming up where one submissionID can have different costcenters (hope variables wont be an issue), what I want to do is nest each return record inside the initially returned record. So for submission ID #1 that has 2 costcenters, I want to see the first record that comes back under that submission ID then any other record that has that submission ID be nested inside of that row in the Grid. Any help would be appreciated and Please let me know if any additional information would be useful.

Thanks for your time

General Discussions

answered on 26 May 2015

3 answers

151 views

Set property for all RadTextBox

Hello Everyone,

I need set "Resize=Vertical" for all RadTextBox on my site. Site is very large and manual fix each control is not good solution ))). I used a MasterPage with ContentPlaceHolder for each pages on my site.

Thanks,

Gray

Input

answered on 26 May 2015

3 answers

2.7K+ views

Get Selected Value of ComboBox in Javascript

I have figured out the long way to get the Dropdown Selected value of the combobox, but is there a shorter way than all this code

So my current method is as follows

var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>');

var sCounty = SoldCounty.get_value();

Then i can do something with the value.

However why does this not work

var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>').get_value();

Or this

var SoldCounty = $find('<%= ddlSoldCounty.ClientID %>').get_SelectedValue();

ComboBox

answered on 26 May 2015

1 answer

208 views

How to trigger event programmatically in javascript

i am using two user control . one has radio button and another one has radtreeview.

i want to raise the checked event whenever the radio button selection changed.

Please reply ASAP.. thanks in advance

Swarna

TreeView

answered on 26 May 2015

1 answer

34 views

Animations

How do I disable the animations for RadFilter? I want the menus to open and close with no animation. I tried ContextMenu-ExpandDelay="0" ContextMenu-CollapseDelay="0" but they had no effect.

Filter

answered on 26 May 2015

2 answers

89 views

Navigator plotarea values

We got this htmlChart with navigator. all seems to be ok on first load. but when the navigator change selection, the values from the when it first load still remains on the plotarea. can't seem to find what's causing this. any help appreciated.

Cheers!

Francis

Chart (HTML5)

answered on 26 May 2015

1 answer

49 views

Upside down radial gauge in IE7?

Hi!

I'm trying to gain insight into why my radial gauge looks fine in IE8 and above, but in IE7 I'm seeing the whole thing flipped upside down and misaligned. Everything I'm using to style the gauge seems very simple. Can anyone help?

<div class="gauge-container">

<div id="needGauge"></div>

</div>

<style scoped>

#needGauge, #riskGauge {

width: 75%;

height: 65%;

margin: -60px auto;

clear: both;

}

.gauge-container {

width: 100%;

max-width: 220px;

text-align: center;

margin: 0 auto;

}

</style>

Gauge

answered on 26 May 2015

8 answers

229 views

start time and endtime

i am having serious issue.

when a user tries to modify the dates, they have to first modify the End Date so it falls after the Start Datet, otherwise if they try and modify the Start Date, and it is after the current date, a warning message will display and they cannot modify the Start Date until the End Date is modified to be after the Start Date. To work around this a user must enter the End Date first and then they can modify the Start Date. When this is done, after the both the End and Start Dates are entered, the End Date changes to some arbitrary date and the End Date has to be reentered.

please help. how can i fix it.

Gantt

answered on 26 May 2015

1 answer

81 views

Display image along with text in a cell when in non-edit mode

I'm evaluating the Kendo UI Gantt chart to see if it fits our project requirements.One particular requirement is to display a status column which would be a drop down in edit mode and has three statusesRed 2. Green 3. Yellow, along with an image indicator something like what is shown in the image1 below

I am able to achieve the above effect when i edit a cell after using a custom editor for the drop down

function statusDropDownEditor(container, options) {

$('<input data-bind="value:' + options.field + '"/>')

.appendTo(container)

.kendoDropDownList({

dataTextField: "Status",

dataValueField: "StatusId",

valueTemplate: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>',

template: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>',

dataSource: {

transport: {

read: function (e) {

// on success

e.success([{ Status: 'Not Started', StatusId: '0', Url: 'Image/red.png' }, { Status: 'Red', StatusId: '1', Url: 'Image/red.png' }, { Status: 'Green', StatusId: '2', Url: 'Image/red.png' }, { Status: 'Yellow', StatusId: '3', Url: 'Image/red.png' }]);

// on failure

//e.error("XHR response", "status code", "error message");

}

})

}

The Gantt Column for Status looks like the below snippet

{ field: "status", title: "Status", editable: true, width: 150, editor: statusDropDownEditor, template: '<img class="selected-value" src="#:data.Url#" alt="#:data.Status#" /><span>#:data.Status#</span>' }

However when done with selecting a particular item from drop down and on exiting the edit mode this is how the cell looks like(image2)

Seems like the default cell template in read only mode does not render html and the invokes the toString of the object bound to the cell, is there a way to fix this in the kendo UI Gantt

Gantt

answered on 26 May 2015

3 answers

702 views

Code behind TooltipAppearance.DataFormatString

I am needing to set the code behind TooltipAppearance DataFormatString.

I have not had much success with the documentation, I am hoping someone else has had a similar issue.

<telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Height="400px" Width="480px" CssClass="fb-sized" OnPreRender="RadHtmlChart1_PreRender">

<PlotArea>

<Series>

<telerik:PieSeries DataFieldY="TypeCount" ExplodeField="IsExploded" NameField="Area">

<LabelsAppearance DataFormatString="{0}">

</LabelsAppearance>

<TooltipsAppearance Color="White">

<ClientTemplate>

#=dataItem.Area#<br />#=dataItem.TypeCount#

</ClientTemplate>

</TooltipsAppearance>

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

public void buildChart()

{

PieSeries pieSeries1 = new PieSeries();

pieSeries1.Name = "Chart";

pieSeries1.LabelsAppearance.Visible = false;

pieSeries1.TooltipsAppearance.Color = System.Drawing.Color.White;

pieSeries1.TooltipsAppearance.DataFormatString = "???????????";

// What I need in the template is the series name and then the value  somethin like this:  #=dataItem.Name#<br />#=dataItem.Valu#

pieSeries1.SeriesItems.Add(10, Color.Yellow, "Student");

pieSeries1.SeriesItems[0].Visible = false;

pieSeries1.SeriesItems.Add(20, Color.Red, "Staff");

pieSeries1.SeriesItems.Add(50, Color.Green, "Room");

pieSeries1.SeriesItems.Add(20, Color.Purple, "Transfer");

RadHtmlChart1.PlotArea.Series.Add(pieSeries1);

}

protected void Page_Load(object sender, EventArgs e)

{

buildChart();

}

Chart (HTML5)

answered on 26 May 2015