Questions on UI for ASP.NET AJAX Forum

3 answers

154 views

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.8K+ 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

232 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

39 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

95 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

63 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

244 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

90 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

756 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

21 answers

1.8K+ views

hide and display a column in Edit mode in RadGrid

Hi, All:

I am using RadGrid. I want to hide the entire column in normail mode. But in Edit mode, I want to display this column for editting.

here is my codes:

<

rad:GridTemplateColumn HeaderText="Billed">
<EditItemTemplate>
<asp:TextBox ID="tbBilled" runat="server" Text='<%# Bind("Billed", "{0:MM/dd/yyyy}") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="lblBilled" runat="server" Text='<%# Bind("Billed", "{0:MM/dd/yyyy}") %>'></asp:Label>
</ItemTemplate>
</rad:GridTemplateColumn>

Please give some detail on the implementation.
Thanks.

Stanley

Grid

answered on 26 May 2015