Questions on UI for ASP.NET AJAX Forum

1 answer

59 views

Rendering pagelayout between Windows 8.1 and Windows 2008 server iis

Hello,

We are developing a website with radpagelayout,
we have problems with rendering between IIS 8.1 in Windows local and remote which is windows 2008 r2.

We wonder if the dll telerik not a problem rendering different between the two IIS.

Localhost

http://www.noelshack.com/2015-22-1432721635-local.jpg

Remote

http://www.noelshack.com/2015-22-1432721634-distant.jpg

Thank you for your help.

PageLayout

answered on 01 Jun 2015

11 answers

409 views

Setting datasource with filtering-functionality by code

Hi all!
I am new into Telerik and I think I need a boost here to see íf I can use RadGrid for my project:

Now to what I have done:
I need to set a datasource for my grid wich I today do like :

DataGrid1.DataSource = GetTheTable()

DataGrid1.DataBind()

No problem so far and items seen in grid.

Now ... I want to implement Filtering for my Colums in the bound table. I have read that this can't be done when using simple databinding. Correct?

Do I have to first specify my columns and then bind my datasource?

Now ... how to do this manually by code? Anyone can give me an example?

//h

Grid

answered on 01 Jun 2015

5 answers

199 views

Add new feature : Automated task

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

292 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

206 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

399 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

194 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

169 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

90 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

560 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)