Questions on UI for ASP.NET AJAX Forum

2 answers

85 views

I am very new to Telerik so excuse me if I am leaving something out, but I'll try to be as accurate as possible. I have a RadChart (line chart) with a linqdatasource. The chart renders accurately when all YValues are above 1. However, for any YValue between 0 and 1 (e.g. 0.2, 0.6, etc.), the chart runs directly into the XAxis with no label displayed. In fact, it does not even display a label at 0. For those charts where all YValues are below 1, the chart renders blank, with no datapoints, or labels shown. I have went through the code, and the data is being picked up accurately. I have also tried setting the PlotArea range for the YAxis in steps of .5, rather than 1. The results are still the same.

I'm attaching 4 files:
The following is my codebehind:

protected void trcBehaviorData_ItemDataBound(object sender, Telerik.Charting.ChartItemDataBoundEventArgs e)

{

RethinkAutismDataContext ctx = new RethinkAutismDataContext();

NameValueCollection nvcNotes = (NameValueCollection)Session["nvcNotes"];

int index = e.SeriesItem.Index;

var key = nvcNotes[(index + 1).ToString()];

var r = ctx.viewBehaviorPlanDataInfos.Where(rr => rr.dataSetId == Convert.ToInt32(key)).FirstOrDefault();

if (r != null)

{

String bNotes = "";

if (!String.IsNullOrEmpty(r.notes))

bNotes = ":<br /> " + r.notes;

e.SeriesItem.ActiveRegion.Tooltip = "<b>" + r.dateCreated.ToString("MM/dd/yyyy") + " " + r.uName + "</b>" + bNotes;

e.SeriesItem.YValue = (double)r.result;

}

protected void buildChartXAxis()

{

int idx = 0;

int planCount = 1;

RethinkAutismDataContext ctx = new RethinkAutismDataContext();

var behavior = (from b in ctx.BehaviorTrackings

where b.Id == behaviorId

select b).SingleOrDefault();

trackingMethod = behavior.MethodTypeLU.Name;

int resultCount = 0;

List<dataReportForBehaviorPlanResult> result = ctx.dataReportForBehaviorPlan(ChildProfileId, behaviorId, Plan).ToList();

intervalMinutes = (int)behavior.IntervalsofMinutes;

resultCount = result.Count();

if (resultCount > 0)

{

if (resultCount < 21)

{

IEnumerator ieResult = result.GetEnumerator();

ieResult.MoveNext();

dataReportForBehaviorPlanResult resultSummary = (dataReportForBehaviorPlanResult)ieResult.Current;

trcBehaviorData.PlotArea.XAxis.AutoScale = false;

trcBehaviorData.PlotArea.XAxis.AddRange(1, 21, 1);

for (int i = 0; i < 21; i++)

{

trcBehaviorData.PlotArea.XAxis[i].TextBlock.Text = (i + 1).ToString();

}

if (resultCount > 20)

{

trcBehaviorData.PlotArea.XAxis.AutoScale = false;

trcBehaviorData.PlotArea.XAxis.AddRange(1, resultCount + 1, 1);

IEnumerator ieResult = result.GetEnumerator();

while (ieResult.MoveNext())

{

dataReportForBehaviorPlanResult resultSummary = (dataReportForBehaviorPlanResult)ieResult.Current;

trcBehaviorData.PlotArea.XAxis[idx].TextBlock.Text = planCount.ToString();

idx++;

planCount++;

}

protected void buildChartYAxis()

{

RethinkAutismDataContext ctx = new RethinkAutismDataContext();

var behavior = (from b in ctx.BehaviorTrackings

where b.Id == behaviorId

select b).SingleOrDefault();

trackingMethod = behavior.MethodTypeLU.Name;

double yAxisLabel = 0;

switch (trackingMethod)

{

case "Intervals":

trcBehaviorData.PlotArea.YAxis.AutoScale = false;

trcBehaviorData.PlotArea.YAxis.AddRange(1, 120, 10);

for (int i = 0; i < 11; i++)

{

trcBehaviorData.PlotArea.YAxis[i].TextBlock.Text = yAxisLabel.ToString() + "%";

yAxisLabel += 10;

}

trcBehaviorData.PlotArea.YAxis[11].TextBlock.Text = "Intervals";

trcBehaviorData.PlotArea.YAxis[12].TextBlock.Text = "% of";

break;

case "Frequency":

trcBehaviorData.PlotArea.YAxis.AutoScale = false;

trcBehaviorData.PlotArea.YAxis.AddRange(1, 23, 1);

for (int i = 0; i < 21; i++)

{

trcBehaviorData.PlotArea.YAxis[i].TextBlock.Text = yAxisLabel.ToString();

yAxisLabel +=1; // yAxisLabel + Convert.ToDouble(0.5);

}

trcBehaviorData.PlotArea.YAxis[21].TextBlock.Text = "/ day";

trcBehaviorData.PlotArea.YAxis[22].TextBlock.Text = "times";

break;

//trcBehaviorData.PlotArea.YAxis.AutoScale = false;

//double maxValue = Convert.ToDouble(trcBehaviorData.PlotArea.YAxis.MaxValue);

//trcBehaviorData.PlotArea.YAxis.AddRange(1, maxValue, .1);

//maxValue -= 1;

//for (int i = 0; i < maxValue; i++)

//{

// trcBehaviorData.PlotArea.YAxis[i].TextBlock.Text = yAxisLabel.ToString();

// yAxisLabel = yAxisLabel + Convert.ToDouble(0.1);

//}

////maxValue = Convert.ToInt32(trcBehaviorData.PlotArea.YAxis.MaxValue);

//trcBehaviorData.PlotArea.YAxis[Convert.ToInt32(maxValue)].TextBlock.Text = "/ hour";

//maxValue += Convert.ToDouble(0.5);

//trcBehaviorData.PlotArea.YAxis[Convert.ToInt32(maxValue)].TextBlock.Text = "times";

//break;

case "Duration":

trcBehaviorData.PlotArea.YAxis.AutoScale = false;

trcBehaviorData.PlotArea.YAxis.AddRange(1, 60, 5);

for (int i = 0; i < 12; i++)

{

trcBehaviorData.PlotArea.YAxis[i].TextBlock.Text = yAxisLabel.ToString();

yAxisLabel += 5;

}

trcBehaviorData.PlotArea.YAxis[12].TextBlock.Text = "Min";

break;

}

And here's my asp:

<telerik:RadChart ID="trcBehaviorPlanData" runat="server" DataSourceID="behaviorPlanSummary"

DefaultType="Line" Width="810px" Height="350px">

<Series>

<cc1:ChartSeries Name="dataMeasurement" DataYColumn="result" Type="Line" DataLabelsColumn="date"

>

<Appearance ShowLabels="true" PointDimentions-AutoSize="False" PointDimentions-Height="10px"

PointDimentions-Width="30px">

<%--graph line color--%>

<FillStyle FillType="Solid" MainColor="47, 127, 172">

</FillStyle>

<PointMark Dimensions-AutoSize="False" Dimensions-Height="8px" Dimensions-Width="40px"

Visible="True">

</PointMark>

<TextAppearance TextProperties-Color="78, 168, 188">

</TextAppearance>

<Border Color="177, 215, 250" />

</Appearance>

</cc1:ChartSeries>

</Series>

<PlotArea>

<XAxis>

<Appearance Color="226, 218, 202" MajorTick-Color="221, 235, 244">

<MajorGridLines Color="221, 235, 244" />

<TextAppearance TextProperties-Color="81, 99, 100">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="78, 168, 188">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

<YAxis AxisMode="Normal" Appearance-LabelAppearance-Position-AlignedPosition="Center">

<Appearance Color="226, 218, 202" MajorTick-Color="221, 235, 244" MinorTick-Color="221, 235, 244">

<MajorGridLines Color="247, 251, 252" />

<MinorGridLines Color="247, 251, 252" />

<TextAppearance TextProperties-Color="81, 99, 100">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="247, 251, 252">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance Dimensions-Width="30" Dimensions-Margins="40px, 30px, 15%, 9%">

<%--graph background color--%>

<FillStyle MainColor="247, 251, 252" SecondColor="Transparent">

</FillStyle>

<Border Color="221, 235, 244" />

</Appearance>

</PlotArea>

<Appearance BarWidthPercent="20" Corners="Round, Round, Round, Round, 5">

<FillStyle MainColor="247, 251, 252">

</FillStyle>

<Border Color="188, 229, 231" Width="1" />

</Appearance>

<ChartTitle>

<Appearance Dimensions-Margins="4%, 10px, 10px, 7%">

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="">

<Appearance TextProperties-Color="232, 140, 0" TextProperties-Font="Verdana, 20pt, style=Bold">

</Appearance>

</TextBlock>

</ChartTitle>

<Legend>

<Appearance Visible="false" Position-AlignedPosition="TopLeft">

<ItemTextAppearance TextProperties-Color="81, 99, 100">

</ItemTextAppearance>

<Border Color="247, 251, 252" />

</Appearance>

<TextBlock Visible="true">

</TextBlock>

</Legend>

</telerik:RadChart>

I'm also attaching images of how some of these charts render, with the behavior described.

Any help would be greatly appreciated!

Rita

Chart (Obsolete)

answered on 18 Oct 2011

1 answer

90 views

refresh different gridview when closing specific radwindow

Hi, I need to refresh different gridview when closing specific radwindow. Basically, I have three gridviews in the main page(gridview1, 2, 3), and two rad windows(win1, win2). gridview1 need to be refreshed when win1 closes. gridview2 and gridview3 need to be refreshed when win2 closes.

Both of them working fine seperately. I need to comment out the first <telerik:AjaxSetting> section in order to refresh gridview2 and gridview3. And comment out the second and the third <telerik:AjaxSetting> section in order to refresh gridview1. As soon as all the three <telerik:AjaxSetting> sections are in the code, it stoped working.

It seems that there is a conflict between the gridviews. Any help would be greatly appreacited.

Following is my code:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="gridview1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="gridview2" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="gridview3" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

function refreshGrid1(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("gridview1");

}

function refreshGrid2N3(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("gridview2n3");

}

Window

answered on 18 Oct 2011

2 answers

246 views

Checkbox Controls Appearing as Labels

Hello,

I'm using the FormDecorator control which really makes everything look very nice, but I have a few controls that are not appearing correctly. I've created a custom skin by following the instructions (link below). The only problem I'm experiencing is with the ASP Checkbox and regular HTML button. I set the HTML button class to "rfdDecorated" and it looks fine, but all of my checkbox controls now appear as regular labels. The HTML button originally looked like a hyperlink until I set the class. Any suggestions??

One more thing, I have the custom skin files in my "Themes" folder. The custom skin files include a "FormDecorator" folder that includes the images such as the sprites, and the main CSS file for FormDecorator. I have made no custom changes to these files.

http://www.telerik.com/help/aspnet-ajax/radformdecorator-creating-custom-skins.html

Thanks,
Nathan

FormDecorator

answered on 18 Oct 2011

1 answer

76 views

Confused With RadScheduler?

I have two dataobjects from linq queries that i need to bind to radscheduler how it should appear is in the "Pic" i attached can anyone help me out with the issue.

From the first linq query i need to bind "TimeaFrame" i.e AM,PM and MID in the 'Pic' and side by that "capacitytotal"/"ActualTotal" as in the "Pic"

From second query i need to bind "FullName" and "Interval" for which the 'SalesRep.' is available...

"Date" parameter in the methods come from Query String...so i need to bind date for rest of the dates in the week beacuse i am choosing "WeekView" in the RadScheduler....

I hope u understand my requirement...i am attaching code i have and the Requirement "Pic"

I have one more concern "RadScheduler" give the default function i.e. it allows to select particular date and write done something der...but i dont want user to select any date...how to disable that functionality...

Telerik Team PLease do reply i am working on it since one day i am finding hardtime,.,I am totally confuse plz do help me

Thanku

public object GetCapacityTotals(DateTime date)

{

using (EnabledDataContext db = new EnabledDataContext())

{

var captotals = (from cap in db.Capacities

from timeframe in db.TimeFrames

where cap.WorkDate.Equals(date) &&

cap.TimeFrame == timeframe.TimeFrame1 &&

cap.StoreID == 535 &&

!timeframe.Deleted

select new

{

TimeFrame = timeframe.TimeFrame1,

CapacityTotal = cap.CapacityTotal,

ActualTotal = cap.ActualTotal

}).ToList();

if (captotals.Count == 0)

{

captotals.Insert(0,new {TimeFrame = "AM",CapacityTotal = 0, ActualTotal = 0});

captotals.Insert(1, new { TimeFrame = "MID", CapacityTotal = 0, ActualTotal = 0 });

captotals.Insert(2, new { TimeFrame = "PM", CapacityTotal = 0, ActualTotal = 0 });

}

return captotals;

}

public object GetSalesReps(DateTime date)

{

using (EnabledDataContext db = new EnabledDataContext())

{

//Left Outer Join

var salesReps =

(from records in

(from userstore in db.UserStores

from users in db.Users

join sr in db.SalesRepSchedules on users.UserID equals sr.UserID into srsch

from srschi in (from s in srsch

where s.WorkDate == date &&

!users.Deleted

select s).DefaultIfEmpty()

where users.UserID == userstore.UserID &&

userstore.StoreID == 535 &&

db.HasRole(users.UserID, "Sales Rep").Equals(1)

select new

{

UserID = users.UserID,

FirstName = users.FirstName,

LastName = users.LastName,

FullName = String.Concat(users.FirstName," ",users.LastName),

TerritoryID = srschi.TerritoryID == null ? users.TerritoryID : srschi.TerritoryID,

Interval = srschi.Interval == null ? "OFF" : srschi.Interval

})

group records by new

{

records.UserID,

records.FirstName,

records.LastName,

records.FullName,

records.TerritoryID,

records.Interval

} into g

select new

{

UserID = g.Key.UserID,

FirstName = g.Key.FirstName,

LastName = g.Key.LastName,

FullName = g.Key.FullName,

TerritoryID = g.Key.TerritoryID.GetValueOrDefault(),

Interval = g.Key.Interval

}).OrderBy(a => a.FirstName).ThenBy(a => a.LastName).ThenBy(a => a.UserID).ToList();

return salesReps;

}

}

<telerik:RadScheduler runat="server" ID="RadScheduler1" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday"
                DataKeyField="TerritoryID" DataSubjectField="FullName" DataStartField="FullName" DataEndField="Interval"
                DataRecurrenceField="RecurrenceRule" DataRecurrenceParentKeyField="RecurrenceParentID"
                SelectedView="WeekView" EnableDatePicker="false" Localization-HeaderDay="" Localization-HeaderMonth=""
                Localization-HeaderWeek="" Localization-HeaderTimeline="" Localization-HeaderToday=""
                Localization-AllDay="" Localization-Show24Hours="" Localization-ShowBusinessHours=""
                RowHeaderWidth="0px" ShowAllDayRow="false" ShowHoursColumn="false" DayView-ReadOnly="true"
                AllowInsert="false" DayView-ShowHiddenAppointmentsIndicator="false" DayView-ShowResourceHeaders="false"
                EnableResourceEditing="false" ShowFooter="false"  >
                <AdvancedForm Modal="true" />
               
            </telerik:RadScheduler>

General Discussions

answered on 18 Oct 2011

1 answer

110 views

Redirect parent window from code behind

Is there a way i can do this ?

I want to use the FormsAuthentication.RedirectToLoginPage. Thus far i can only find a way of doing it using client side methods.

So.. is the only way i can do it by manually appending hte parent's url to the end of my login url and adding ReturnUrl onto the query string ?

Window

answered on 18 Oct 2011

2 answers

243 views

refresh page view on tab click

Hi,

I am using a tab strip and multi page view. Each page view is a usercontrol which contains a radgrid. I have defined all the usercontrols, tabs and views at design time. However I noticed that on the parent PageLoad, all page views get loaded.
I would like to know if there is a way to refresh the pageviews everytime i click on a tab. The reason being that the changes i make to one grid have an effect on the other grids on the different page views which do not reflect in the current scenario.

Please help!

TabStrip

answered on 18 Oct 2011

2 answers

146 views

Dynamically adding edit templates

I've been able to add templates in code-behind using my own iTemplate class. I'm having problems getting the editItemTemplate to work.

I've tried a dozen variations and approaches - I can't find a single working example of adding both items, and editItemTemplates anywhere on the intarwebs.

Issues:
1) The edit text boxes don't appear after clicking the edit button, the row goes blank
2) I'm using Page_Init, only if not postback to add the columns to the grid
3) After paging, data disappears from the grid.
4) After clicking edit, ALL of the data in the template columns go away.

//add item templates
public class RadGridEditTemplate : ITemplate
{
protected TextBox txtBox;
private string colname;

public RadGridEditTemplate(string cName)
{
colname = cName;
}

public void InstantiateIn(System.Web.UI.Control container)
{
TextBox t = new TextBox();
t.ID = colname;
t.Width=Unit.Percentage(100);
container.Controls.Add(t);
}
}

//add edit template
public class RadGridEditTemplate : ITemplate
{
protected TextBox txtBox;
private string colname;

public RadGridEditTemplate(string cName)
{
colname = cName;
}

public void InstantiateIn(System.Web.UI.Control container)
{
TextBox t = new TextBox();
t.ID = colname;
t.Width=Unit.Percentage(100);
container.Controls.Add(t);
}
}

//code that attaches column templates to the grid
GridTemplateColumn col = new GridTemplateColumn();
rg.MasterTableView.Columns.Add(col);

col.HeaderText = header;
col.AllowFiltering = true;
col.DataField = dataField;
col.UniqueName = dataField;
col.Display = visible;
col.ItemTemplate = new RadGridTemplate(dataField);
col.EditItemTemplate = new RadGridEditTemplate(dataField);

Grid

answered on 18 Oct 2011

1 answer

90 views

how can we log downloaded file by fileexplorer in database

hi dear telerik team :
i have some questions about file explorer that could n't find them in demo or documentation....
#1 :
i really want to know and learn how can i get downloaded file info such as size , date modified , name , etc from file explorer with server side codes (c#)?
i want to log that data in my database...
#2 :
how can i add some file info such as date modified to file explorer grid?

really would be appreciate for some help ...
thanks for attention

FileExplorer

answered on 18 Oct 2011

1 answer

94 views

how disable couses validation of refresh and upload and open file in file explorer toolbar

hi dear telerik team :
how can i disable CousesValidation of refresh and upload and open file in file explorer toolbar?

FileExplorer

answered on 18 Oct 2011

2 answers

102 views

RadEditor: toolbar display issue

Hi,
I encounter the toolbar display as blank in my project (please refer the attached image).
The following are the souce in my aspx page.

<table cellspacing="0" cellpadding="0" width="100%">
        <tr>
            <td>
                    <table>
                        <colgroup>
                            <col width="30%" />
                            <col width="35%" />
                            <col width="35%" />
                        </colgroup>
                        <tr>
                            <td>
                                <asp:label id="lblTest1" text="Test 1" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radcombobox id="selTest1" runat="server">
                                </telerik:radcombobox>
                            </td>
                            <td>
                            </td>
                        </tr>
                       <tr>
                            <td>
                                <asp:label id="lblTest2" text="Test 2" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radtextbox id="txtTest2" maxlength="100" runat="server">
                                </telerik:radtextbox>
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <telerik:radeditor id="txtRadEditor1" runat="server">
                                    <tools>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="FontName" />
                                            <telerik:editortool name="FontSize" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Bold" />
                                            <telerik:editortool name="Italic" />
                                            <telerik:editortool name="Underline" />
                                            <telerik:editortool name="StrikeThrough" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="AjaxSpellCheck" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="JustifyLeft" />
                                            <telerik:editortool name="JustifyCenter" />
                                            <telerik:editortool name="JustifyRight" />
                                            <telerik:editortool name="JustifyFull" />
                                            <telerik:editortool name="JustifyNone" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Undo" />
                                            <telerik:editortool name="Redo" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="Indent" />
                                            <telerik:editortool name="Outdent" />
                                        </telerik:editortoolgroup>
                                        <telerik:editortoolgroup>
                                            <telerik:editortool name="InsertOrderedList" />
                                            <telerik:editortool name="InsertUnorderedList" />
                                        </telerik:editortoolgroup>
                                    </tools>
                                    <content>
                                    </content>
                                </telerik:radeditor>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:label id="lblTest3" text="Test 3" runat="server"></asp:label>
                            </td>
                            <td>
                                <telerik:radnumerictextbox id="txtTest3"
                                    runat="server">
                                </telerik:radnumerictextbox>
                            </td>
                            <td>
                            </td>
                        </tr>
                   </table>
            </td>
        </tr>
    </table>

The RadEditor's toolbar is look fine if the RadEditor put at 1st row of the Table (above the Test 1). However, if put the RadEditor between the row of Test 2 and Test 3. The toolbar will display blank (refer the attached image).

The editor is using the custom skin:
<telerik:radeditor style="border: 1px solid #b8b8b8; padding-left:4px" font-names="Arial" font-size="11px" forecolor="#474747" height="150px" width="99%" editmodes="Design" maxhtmllenght="1000" toolbarmode="ShowOnFocus" runat="server"/>

All help welcome.

Thanks.

Best Regards,
Cheng Lim

Editor

answered on 18 Oct 2011