Questions on UI for ASP.NET AJAX Forum

5 answers

185 views

Hello,

The Task planner on window, work bad, it' ll be great if a service telerik , get a Automating task , to check or reproduce task (function .net)
all the days or cycling time.

thanks
Olivier,

General Discussions

answered on 31 May 2015

3 answers

284 views

Tab index fails once after selecting date in telerik:RadDatePicker

Hi,
We are using telerik:RadDatePicker for date field, we have a page with multiple input controls and with tab index set to those controls.
When go to RadDatePicker field and after selecting date (using Calendar control), we loose the focus.
Then if we press "tab key", focus move to control with tab index=1, instead of next control.

Refer attached screenshot, with tab index order (marked inside red color circle).

Calendar

answered on 30 May 2015

6 answers

200 views

trying to get multiple charts to align in width

I have multiple charts down the page and I have been trying to figure out ways to get them to align.
when the text of the legend is smaller and greater it auto resizes the chart plot area to different widths.
my latest fix I use monospace font and put a fixed number of characters into the legend.
the whitespace at the right side of legend crops so I had inserted html spaces & nbsp;
issues with this
1) font is different from rest of page and not best font for design
2) the right axis of my charts may have different numbers which may effect the width also and slightly show charts not aligned
3) the export image shows html & nbsp; as text instead of white space.

so to fix the nonbreaking space showing in the export I instead use spaces and add a period at the end.
issues with this method
1) looks stupid with a period out in right field

is there any way to
1) add a title to the legend to make it fixed width such as a number of _
2) set the width of the plot area
3) fix the export of image / pdf to not show non-breaking spaces

General Discussions

answered on 29 May 2015

6 answers

389 views

Radpagelayout - .t-container-fluid .t-col - question about padding

Hi,

I was wondering what the reason was behind the .t-container-fluid .t-col styles having a padding of 15px? Also, what is the best way to override the style in order to achieve no padding.

Thanks!

General Discussions

answered on 29 May 2015

1 answer

188 views

SelectedText is not being populated when using SelectedValue

When setting the selected items using SelectedValue the display text is not being updated. If I expand the dropdown I see the checkboxes selected but the displayed text is empty.

If I select a node it will update the displayed text but until then it is empty. Am i missing something?

Version 2015.1.401.40

<telerik:RadDropDownTree
runat="server"
ID="rddtTo"
CheckBoxes="SingleCheck"
Width="732px"
DefaultMessage="Please select"
DataFieldID="ID"
DataFieldParentID="ParentID"
DataValueField="ID"
DataTextField="NodeName"
OnDataBound="rddtTo_DataBound">
</telerik:RadDropDownTree>

Protected Sub rddtTo_DataBound(sender As Object, e As System.EventArgs)
DirectCast(sender, Telerik.Web.UI.RadDropDownTree).ExpandAllDropDownNodes()
rddtTo.SelectedValue = hdnSelectedValues.Value
End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not Page.IsPostBack Then
Using p_Db As New mlDB("Messages_Template_List", -1)
p_Db.SQL = "Messages_Groups_Select"
rddtTo.DataSource = p_Db.GetDataTable
rddtTo.DataBind()
End Using
End If
End Sub

DropDownTree

answered on 29 May 2015

1 answer

167 views

Find Record in Gridview (no filter)

Hi,

Does Radgrid provide a way to search for an specific an specific text without filter the content on the gridview? The gridview has paging and its inside an modalpopupextender.

Thanks,

Ed

Grid

answered on 29 May 2015

2 answers

62 views

Filtering or grouping grid gives an empty page

Hi,

I have a grid with the definition below, DataSource is set to a DataTable in NeedDataSoruce & the grid shows up fine. When Dragging a column to the group area or selecting a filter then the grid disappears, what could be the problem?

<telerik:RadGrid ID="RadGrid1" runat="server" Height="99%" OnNeedDataSource="RadGrid1_NeedDataSource1" CssClass="startInvisible"

AllowFilteringByColumn="True" AllowPaging="True" AllowSorting="True" GroupPanelPosition="Top" ShowGroupPanel="True"

AllowMultiRowSelection="True" OnColumnCreated="RadGrid1_ColumnCreated" OnPreRender="RadGrid1_PreRender">

<ClientSettings AllowDragToGroup="True" >

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

<Resizing AllowColumnResize="True" AllowResizeToFit="True" ResizeGridOnColumnResize="true" />

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

<MasterTableView >

<RowIndicatorColumn Visible="False">

</RowIndicatorColumn>

<Columns>

<telerik:GridClientSelectColumn FilterControlAltText="Filter ClientSelectColumn column" UniqueName="ClientSelectColumn">

</telerik:GridClientSelectColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 29 May 2015

1 answer

558 views

RadGrid filtering with needdatasource

Hi,

I have bound data to a radgrid using the needdatasource method to display a set of details that I want. It works fine and I was able to remove the filter icon from each column and set the current filter function to contains as well.

Now, I want to be able to filter the details that I am seeing, but even though the options are set in the radgrid definition I can not filter or group my data. The events do not fire or cause any change.

What have I missed or done wrong? Please help.

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="time-and-action-ganttchart-details.aspx.cs" Inherits="time_and_action_ganttchart_details" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

<title>Genesis | Time And Action</title>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="headstyles" runat="Server">

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="pagehead" runat="Server">

<h1>Time And Action <small>time and action plan</small></h1>

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="body" runat="Server">

<ul class="page-breadcrumb breadcrumb">

<li>

<a href="#">Home</a><i class="fa fa-circle"></i>

</li>

<li class="active">time and action plan

</li>

</ul>

<div class="row">

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

<div class="portlet light ">

<div class="portlet-title">

<div class="caption caption-md">

<i class="icon-bar-chart theme-font-color hide"></i>

<span class="caption-subject theme-font-color bold uppercase">Time And Action Plan</span>

</div>

<div class="actions">

<a class="btn btn-circle btn-icon-only btn-default fullscreen" href="javascript:;"></a>

</div>

<div class="portlet-body">

<div class="table-responsive">

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

<asp:ImageButton ID="ImageButton1" runat="server" OnClick="ImageButton1_Click" ImageUrl="~/images/Office-Excel-icon.png" Width="4%" Height="4%" ToolTip="Export to Excel" />

<telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" AllowSorting="True" AllowPaging="True" ShowGroupPanel="True" GroupingSettings-CaseSensitive="false"

AllowFilteringByColumn="True" CellSpacing="-1" GridLines="Both" Skin="Metro" CssClass="rad_header_style" Width="100%" OnColumnCreated="RadGrid1_ColumnCreated" OnDataBound="RadGrid1_DataBound">

</telerik:RadGrid>

</div>

</asp:Content>

<asp:Content ID="Content5" ContentPlaceHolderID="footer" runat="Server">

<script type="text/javascript" src="../../assets/global/plugins/fancybox/source/jquery.fancybox.pack.js"></script>

<script src="../../assets/global/scripts/metronic.js" type="text/javascript"></script>

<script src="../../assets/admin/layout4/scripts/layout.js" type="text/javascript"></script>

<script src="../../assets/admin/layout4/scripts/demo.js" type="text/javascript"></script>

<script>

jQuery(document).ready(function () {

Metronic.init(); // init metronic core components

Layout.init(); // init current layout

Demo.init(); // init demo features

});

</script>

</asp:Content>

using System;

using System.Data;

using System.Linq;

using Telerik.Web.UI;

public partial class time_and_action_ganttchart_details : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

short techpackID = 93; // short.Parse(Request.QueryString[0]);

DataTable dt = new DataTable();

dt.Columns.Add("Customer", typeof(string));

dt.Columns.Add("Account", typeof(string));

dt.Columns.Add("Season", typeof(string));

dt.Columns.Add("Program", typeof(string));

dt.Columns.Add("Tech Pack Name", typeof(string));

dt.Columns.Add("Design Ref", typeof(string));

dt.Columns.Add("Stroke", typeof(string));

dt.Columns.Add("Type", typeof(string));

dt.Columns.Add("Assortment Name", typeof(string));

dt.Columns.Add("Component", typeof(string));

dt.Columns.Add("RM Description", typeof(string));

dt.Columns.Add("Supplier", typeof(string));

dt.Columns.Add("CSP", typeof(string));

dt.Columns.Add("Mode", typeof(string));

dt.Columns.Add("RM Color Code", typeof(string));

dt.Columns.Add("RM Color Name", typeof(string));

dt.Columns.Add("Silhoutte", typeof(string));

dt.Columns.Add("Garment Number", typeof(string));

using (PDLC.Data.PDLCEntities context = new PDLC.Data.PDLCEntities())

{

var version = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID).Select(s => new { s.VersionID }).Max(p => p.VersionID);

var distinctEvents = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version).Select(s => new { s.EventText, s.EventOrder }).Distinct().OrderBy(o => o.EventOrder);

foreach (var eventname in distinctEvents)

{

dt.Columns.Add(eventname.EventText, typeof(string));

dt.Columns.Add("Actual " + eventname.EventText, typeof(string));

dt.Columns.Add("Committed " + eventname.EventText, typeof(string));

}

var assortmentIdList = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version).Select(s => new { s.AS_ID }).Distinct();

foreach (var assortmentId in assortmentIdList)

{

var rawMaterialList = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version && x.AS_ID == assortmentId.AS_ID).Select(s => new { s.RawMaterialID }).OrderBy(o => o.RawMaterialID).Distinct();

foreach (var rawmaterial in rawMaterialList)

{

DataRow dr = dt.NewRow();

var headerDetails = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version && x.AS_ID == assortmentId.AS_ID && x.RawMaterialID == rawmaterial.RawMaterialID).Select(s => new

{

s.Cust_Name,

s.Account_Name,

s.Season_Name,

s.ProgramName,

s.Design_Ref,

s.Stroke,

s.StyleTypeName,

s.Component_Name,

s.Description60Digit,

s.sales_office_name,

s.Color_Code,

s.Color_Name,

s.ShapeName,

s.GMT_ID,

s.TP_Name,

s.Assortment_name

}).Distinct().First();

dr["Customer"] = headerDetails.Cust_Name;

dr["Account"] = headerDetails.Account_Name;

dr["Season"] = headerDetails.Season_Name;

dr["Program"] = headerDetails.ProgramName;

dr["Tech Pack Name"] = headerDetails.TP_Name;

dr["Design Ref"] = headerDetails.Design_Ref;

dr["Stroke"] = headerDetails.Stroke;

dr["Type"] = headerDetails.StyleTypeName;

dr["Assortment Name"] = headerDetails.Assortment_name;

dr["Component"] = headerDetails.Component_Name;

dr["RM Description"] = headerDetails.Description60Digit;

dr["Supplier"] = headerDetails.sales_office_name;

dr["CSP"] = "CSP";

dr["Mode"] = "Mode";

dr["RM Color Code"] = headerDetails.Color_Code;

dr["RM Color Name"] = headerDetails.Color_Name;

dr["Silhoutte"] = headerDetails.ShapeName;

dr["Garment Number"] = headerDetails.GMT_ID;

var eventIdList = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version && x.AS_ID == assortmentId.AS_ID && x.RawMaterialID == rawmaterial.RawMaterialID).Select(s => new { s.EventID, s.EventOrder, s.EventText }).Distinct().OrderBy(o => o.EventOrder);

foreach (var eventId in eventIdList)

{

var timeandactiondates = context.V_TimeAndAction_TechPackLeadTime.Where(x => x.TP_ID == techpackID && x.VersionID == version && x.AS_ID == assortmentId.AS_ID && x.RawMaterialID == rawmaterial.RawMaterialID && x.EventID == eventId.EventID).Select(s => new { s.TimeAndActionES, s.ActualDate, s.CommittedDate }).Distinct().FirstOrDefault();

DateTime timeandactiones = (DateTime)timeandactiondates.TimeAndActionES;

dr[eventId.EventText] = timeandactiones.ToShortDateString();

if (timeandactiondates.ActualDate != null)

{

DateTime timeandactionactual = (DateTime)timeandactiondates.ActualDate;

dr["Actual " + eventId.EventText] = timeandactionactual.ToShortDateString();

}

else

{

dr["Actual " + eventId.EventText] = timeandactiondates.ActualDate;

}

if (timeandactiondates.CommittedDate != null)

{

DateTime timeandactualcommitted = (DateTime)timeandactiondates.CommittedDate;

dr["Committed " + eventId.EventText] = timeandactualcommitted.ToShortDateString();

}

else

{

dr["Committed " + eventId.EventText] = timeandactiondates.CommittedDate;

}

dt.Rows.Add(dr);

}

RadGrid1.DataSource = dt;

}

protected void ImageButton1_Click(object sender, System.Web.UI.ImageClickEventArgs e)

{

RadGrid1.Rebind();

RadGrid1.ExportSettings.ExportOnlyData = true;

RadGrid1.ExportSettings.IgnorePaging = true;

RadGrid1.ExportSettings.OpenInNewWindow = true;

RadGrid1.ExportSettings.UseItemStyles = true;

RadGrid1.ExportSettings.Excel.Format = GridExcelExportFormat.Xlsx;

RadGrid1.ExportSettings.FileName = "T-and-A " + DateTime.Today.ToString("yyyy-MM-dd");

RadGrid1.MasterTableView.ExportToExcel();

}

protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)

{

e.Column.ShowFilterIcon = false;

}

protected void RadGrid1_DataBound(object sender, EventArgs e)

{

foreach (GridColumn column in RadGrid1.MasterTableView.AutoGeneratedColumns)

{

column.AutoPostBackOnFilter = true;

column.CurrentFilterFunction = GridKnownFunction.Contains;

column.ShowFilterIcon = false;

}

Thanks in advance. :)

Grid

answered on 29 May 2015

4 answers

124 views

Scheduler Not Updating When Filtering With No Data Returned

I have a Scheduler bound to an ObjectDataSource that I want to filter using a dropdown list of Categories. I have a ControlParameter as a SelectParameter on the ObjectDataSource tied to this dropdown. My filtering works fine if I select an Category that has appointments associated with it and actually returns rows. However, if I select a Category that does not have any appointments associated with it and returns no rows, the Scheduler never updates and continues to show the previous list of appointments instead of showing no appointments. Any idea on why the Scheduler won't refresh and properly show no appointments in this situation?

Scheduler

answered on 29 May 2015

3 answers

212 views

RadAsyncUpload auto fire selection of files

I am working on my own styling of this control because I want it displayed in a small form center of the screen.

Formatting the "select" button is a little limited and therefore I want to have my own button outside of the actual control itself to fire the selection of files.

The idea is that when my button is clicked it triggers the RadAsyncUpload control to fire up a dialog to select files using the File Explorer.

I can't see a method that I can call on the client side for this.

Is this even possible?

I have tried styling the button with an image but it is irratic, the div doesnt extend to show the larger image and it all looks a mess.

If I localise the value to something longer than the word "select" then it flows outside the standard button.

can anyone offer a suggest as to how to either trigger the selection of files from my own button or substantially style the RAD button to something larger and perhaps image based?

thanks

jON

AsyncUpload

answered on 29 May 2015