Questions on UI for ASP.NET AJAX Forum

1 answer

175 views

Hi guys,

I have a problem in bringing up scrolling for gridtalbeview, here is the code

                </telerik:GridTableView>
            </DetailTables>

        </MasterTableView>

which is very important to have this functionality, any help on this would be appreciated.

with regards
Raju

Grid

answered on 18 Nov 2010

4 answers

306 views

[Solved] GridNumericColumn: How to set the number seperator within the Filter Row?

I have a grid with the auto-filter row enabled, ie:

<

telerik:RadGrid ... AllowFilteringByColumn="True" />

I have a number of GridNumericColumn within the grid, ie:

<

telerik:GridNumericColumn DataField="CityId" DataType="System.Int32" HeaderText="ID" SortExpression="CityId" UniqueName="CityId" CurrentFilterFunction="EqualTo" ShowFilterIcon="false" AutoPostBackOnFilter="true"/>

When filtering for an ID above 1000, the filter row displays the identifier with a thousands seperator...
As an example, take a look at the following image: http://screencast.com/t/MjdjMmUyNWY (captured with Techsmith's Jing).

Is there a way to eliminate the thousand's seperator?

Thanks,

Roy

Grid

answered on 18 Nov 2010

2 answers

480 views

[Solved] Q2 2010 issue - The referenced component 'Telerik.Web.Design' could not be found.

Dear Forum,

I've just had Q2 2010 installed (2010.2.713.40) and I am using VS 2008. When I try to add the new reference to my project, VS finds the reference but there is a little yellow triangle and exclamation point over the reference item in the references list and I get this error

Warning 34 The referenced component 'Telerik.Web.Design' could not be found.

Also, VS did not updat my web.config file. I'm kind of new at these Telerik controls, can someone help me out here?

Oh, there's another error:
Warning 8 Resolved file has a bad image, no metadata, or is otherwise inaccessible. Could not load file or assembly 'C:\Program Files\Telerik\RadControls for ASP.NET AJAX Q2 2010\Bin40\Telerik.Web.Design.dll' or one of its dependencies. This assembly is built by a runtime newer than the currently loaded runtime and cannot be loaded. UI

Thanks,
Celeste

Installer and VS Extensions

answered on 18 Nov 2010

1 answer

60 views

Insert Appointment from different form

Hello,

I am looking to insert an appointment for the scheduler but from a different page. The user will be able to setup an appointment/task from a different screen and then look at their scheduler later if need be.

I am concerened about the reminder field as it is a unique format and I am not sure how to recreate this so that it will work correctly when the user is viewing their schedule at a later time.

Thanks,
Ronny

Scheduler

answered on 18 Nov 2010

2 answers

76 views

Page Navigation

Hello,

I need some help with this:
I have 3 pages:

the main page,
a rad window
and a 3rd page.

from the main page you can click a create new button and the radwindow opens and inside the radwindow there is another button that redirect's you to the 3rd page. on the 3rd page there is a "go back" button that sends you back to the radwindow. Now you can also go from the main page to the 3rd page if you need to edit an existing item.
my problem is that when i try to go from the main page to the 3rd page to edit and then try to go back usin the "Go back" button my page is redirecting me to the radwindow but I want the button to send me to the main page.

is there a way to make a page redirect depending on the page that it came from?

thanks

Window

answered on 18 Nov 2010

2 answers

94 views

[Solved] How do I get the SelectedIndexChanged method to fire

Hi. I want to put my own code to execute on the SelectedIndexChanged event for the RadGrid. At the moment the event only occurs when I click the edit link. I assume that to get the event to occur is a simple property that I haven't set. I want to just be able to single click on a row in the grid and for my code behind to execute. I had assumed that clicking a row would "select" it and thus trigger the event but that isn't happening. Any help appreciated. Thanks

Grid

answered on 18 Nov 2010

1 answer

192 views

Horizontal scroll position getting reset when Ajax call is made from OnClientContextMenuShowing() function

Hi,

We are facing an Issue with the position of horizontal scroll of the rad tree view when we right click on any node of the tree to open its context menu.

Suppose this scenario:- A user moves the horizontal scroll of the tree view towards right, then he right clicks on any tree node to open the context menu. When the context menu is visible, the position of the horizontal scroll is moved to the extreme left and do not remain at the position where the user has last left it.

In the javascript function OnClientContexMenuShowing() we are making an Ajax call using the AjaxManager. Code is present below for your reference. It seems to me that this Ajax request is some how resetting the position of horizontal scroll bar to initial position( extreme left). Do we have any work around for thi Issue.. ?


<

 

rad:RadTreeView ID="RadTreeView1" runat="server" Height="96%" OnClientContextMenuShowing="OnClientContextmenuShowing"


 
 

 

OnClientNodeClicked="OnTreeNodeClick" OnClientDoubleClick="OnTreeNodeDoubleClick"
 

 
 

 

OnClientContextMenuItemClicked="OnTreeContextMenuClick" OnClientNodeExpanding="toggleHandler"
 

 
 

 

OnClientNodeCollapsing="toggleHandler">
 

 
 

 

</rad:RadTreeView>

 

function OnClientContextmenuShowing(sender, e) {  
  
//Get the ajax manager object 
  
clientAjaxRequest("UpdateMenu");  
   
return false; 
}

function clientAjaxRequest(arg) {

var ajaxManagerObject = $find("<%= RadAjaxManager1.ClientID %>");

ajaxManagerObject.ajaxRequest(arg);

}

TreeView

answered on 18 Nov 2010

3 answers

85 views

SSL Icon and information

I would like to know if there's any way of displaying an SSL icon in a radwindow when opening a secure web page.

Window

answered on 18 Nov 2010

2 answers

332 views

Using ResizeMode="Fit" with ImageUrl

Accordining to http://www.telerik.com/help/aspnet-ajax/radbinaryimage.html
"ReziseMode" specifies whether the image should be sized automatically if width and height of the image are set in pixels. Possible values are:

Crop (the image will be trimmed)
Fit (the image will be sized to fit the given dimensions)
None (default)

Using the code

<

telerik:RadBinaryImage ID="RadBinaryImage1" runat="server" ImageUrl="Photo/Grid-Scrolling-Issue.jpg" ResizeMode="Fit" Height="100px" Width="100px"/>

Renders

<img id="RadBinaryImage1" src="Photo/Grid-Scrolling-Issue.jpg" style="height:100px;width:100px;" />

and the image is 100x100 px on the page

However, the file size downloaded to the browser is still its original file sze 1.25MB; which is not what we were hoping for. We would like to use the control to produce a thumbnail image that has a small file size and dimensions.Can this be done with the Binary image control?

Our images are files on the server and not in a DB; that is why we went the ImageURL approach.

Can the actual image size be reduced along with it's dimensions with this control, if so how?

Thanks in advance,

K.E.

BinaryImage

answered on 18 Nov 2010

1 answer

105 views

Changing table layout in a self referencing Hierarchy

Hi

I have an expanding grid with a self referencing hierarchy that can go to a variable depth so I can't use nested detail tables, so after some experimenting I started using the self referencing hierarchy and came up with the following code.

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False"

OnDetailTableDataBind="RadGrid1_DetailTableDataBind" GridLines="None"

onitemdatabound="RadGrid1_ItemDataBound" >

<MasterTableView DataKeyNames=

"ParentID, LearningObjectID, IsCriteria, ShowOverview, ShowNotes, ShowSchematic, LearningObject_Overview, LearningObject_Notes, SchematicFilename, OriginalSchematicFilename"

AllowSorting="true" Width="100%" HierarchyLoadMode="ServerOnDemand" CommandItemDisplay="Top">

<CommandItemTemplate>

<asp:Table ID="tblInfo" runat="server">

<asp:TableRow ID="rowOverview">

<asp:TableCell>

<asp:Label ID="ttlOverview" Font-Bold="true" Font-Size="Small" ForeColor="Black" runat="server" Text="Overview:"></asp:Label>

</asp:TableCell>

<asp:TableCell>

<asp:Label ID="txtOverview" Font-Size="Small" ForeColor="Black" runat="server"></asp:Label>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="rowNotes">

<asp:TableCell>

<asp:Label ID="ttlNotes" Font-Bold="true" Font-Size="Small" ForeColor="Black" runat="server" Text="Notes:"></asp:Label>

</asp:TableCell>

<asp:TableCell>

<asp:Label ID="txtNotes" Font-Size="Small" ForeColor="Black" runat="server"></asp:Label>

</asp:TableCell>

</asp:TableRow>

<asp:TableRow ID="rowSchematic">

<asp:TableCell>

<asp:Label ID="ttlSchematic" Font-Bold="true" Font-Size="Small" ForeColor="Black" runat="server" Text="Schematic:"></asp:Label>

</asp:TableCell>

<asp:TableCell>

<asp:HyperLink ID="lnkSchematic" Font-Size="Small" ForeColor="Black" runat="server" Text="Click Here To View" Target="_blank" />

<asp:Label ID="txtSchematic" Font-Size="Small" ForeColor="Black" runat="server" Text="There is no schematic for this entry"></asp:Label>

</asp:TableCell></asp:TableRow></asp:Table></CommandItemTemplate><CommandItemSettings ExportToPdfText="Export to Pdf">

</CommandItemSettings>

<SelfHierarchySettings ParentKeyName="ParentID" KeyName="LearningObjectID" />

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<Columns>

<telerik:GridImageColumn HeaderStyle-Width="20px" DataImageUrlFields="IconURL"></telerik:GridImageColumn>

<telerik:GridBoundColumn DataField="Code" HeaderText="<%$ Resources:Code %>"

SortExpression="Code" UniqueName="Code" HeaderStyle-Width="100px" ItemStyle-Width="100px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LearningObjective"

HeaderText="<%$ Resources:LearningObjective %>" SortExpression="LearningObjective"

UniqueName="LearningObjective">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CriticalPercentage"

DataType="System.Double" HeaderStyle-Width="75px" ItemStyle-Width="75px" HeaderText="<%$ Resources:CriticalPercentage %>" ReadOnly="True"

SortExpression="CriticalPercentage" UniqueName="CriticalPercentage" DataFormatString="{0}%">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NonCriticalPercentage"

DataType="System.Double" HeaderStyle-Width="75px" ItemStyle-Width="75px" HeaderText="<%$ Resources:NonCriticalPercentage %>" ReadOnly="True"

SortExpression="NonCriticalPercentage" UniqueName="NonCriticalPercentage" DataFormatString="{0}%">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

and the codebehind is

protected void RadGrid1_DetailTableDataBind(object source, GridDetailTableDataBindEventArgs e)

{

//Get the info on the parent item

GridDataItem parentItem = e.DetailTableView.ParentItem as GridDataItem;

int LearningObjectID = (int)parentItem.GetDataKeyValue("LearningObjectID");

//Get the info on the table that is to be opened.

CMASDALTableAdapters.AssessUsersPositionSuitabilityTableAdapter assessment = new CMASDALTableAdapters.AssessUsersPositionSuitabilityTableAdapter();

CMASDAL.AssessUsersPositionSuitabilityDataTable dt = assessment.GetAssessUsersPositionSuitability(int.Parse(Session["ClientID"].ToString()), EmployeeSelector1.SelectedPositionID, LearningObjectID, EmployeeSelector1.SelectedEmployeeID);

//Check it has children

if (dt.Count > 0)

{

//Find out if the children are criteria and therefore the bottom level and need the alternate table layout.

if (dt[0].IsCriteria)

{

//Get the data for the new table layout

CMASDALTableAdapters.AssessUsersPositionSuitabilityCriteriaTableAdapter assessment2 = new CMASDALTableAdapters.AssessUsersPositionSuitabilityCriteriaTableAdapter();

e.DetailTableView.DataSource = assessment2.GetAssessUsersPositionSuitabilityCriteria(int.Parse(Session["ClientID"].ToString()), EmployeeSelector1.SelectedPositionID, LearningObjectID, EmployeeSelector1.SelectedEmployeeID);

//Add the additional columns that I need to my collection.

//Important: first Add column to the collection

GridBoundColumn nameColumn = new GridBoundColumn();

e.DetailTableView.Columns.Add(nameColumn);

//Then set properties

nameColumn.DataField = "AssessorName";

nameColumn.HeaderText = "Assessor";

nameColumn.HeaderStyle.Width = 150;

//Important: first Add column to the collection

GridBoundColumn dateColumn = new GridBoundColumn();

e.DetailTableView.Columns.Add(dateColumn);

//Then set properties

dateColumn.DataField = "AssessmentDate";

dateColumn.HeaderText = "Assessment Date";

dateColumn.HeaderStyle.Width = 75;

dateColumn.DataFormatString = "{0:d}";

//Important: first Add column to the collection

GridBoundColumn statusColumn = new GridBoundColumn();

e.DetailTableView.Columns.Add(statusColumn);

//Then set properties

statusColumn.DataField = "AssessmentStatus";

statusColumn.HeaderText = "Assessment Status";

statusColumn.HeaderStyle.Width = 75;

//Important: first Add column to the collection

GridBoundColumn method1Column = new GridBoundColumn();

e.DetailTableView.Columns.Add(method1Column);

//Then set properties

method1Column.DataField = "AssessmentMethod1";

method1Column.HeaderText = "Assessment Method 1";

method1Column.HeaderStyle.Width = 75;

//Important: first Add column to the collection

GridBoundColumn method2Column = new GridBoundColumn();

e.DetailTableView.Columns.Add(method2Column);

//Then set properties

method2Column.DataField = "AssessmentMethod2";

method2Column.HeaderText = "Assessment Method 2";

method2Column.HeaderStyle.Width = 75;

//Get rid of the columns I don't need.

GridColumn critPercentageCol = e.DetailTableView.Columns[3];

GridColumn nonCritPercentageCol = e.DetailTableView.Columns[4];

e.DetailTableView.Columns.Remove(critPercentageCol);

e.DetailTableView.Columns.Remove(nonCritPercentageCol);

//GridColumn newCol = new GridColumn();

//e.DetailTableView.Columns.Add();

}

else

e.DetailTableView.DataSource = dt;

}

else

e.DetailTableView.DataSource = dt;

}

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

//If its the command area prepare to show overview/notes etc.

if (e.Item is GridCommandItem)

{

GridDataItem parentItem = e.Item.OwnerTableView.ParentItem as GridDataItem;

if (parentItem != null)

{

//Get the information about the parent item

bool showOverview = (bool)parentItem.GetDataKeyValue("ShowOverview");

bool showNotes = (bool)parentItem.GetDataKeyValue("ShowNotes");

bool showSchematic = (bool)parentItem.GetDataKeyValue("ShowSchematic");

string strOverview = (string)parentItem.GetDataKeyValue("LearningObject_Overview");

string strNotes = (string)parentItem.GetDataKeyValue("LearningObject_Notes");

string lnkSchematicFilename = (string)parentItem.GetDataKeyValue("SchematicFilename");

GridCommandItem commandItem = (GridCommandItem)e.Item;

//Show and hide appropriate fields.

if (showOverview)

{

Label txtOverview = (Label)commandItem.FindControl("txtOverview");

txtOverview.Text = strOverview;

}

else

{

TableRow rowOverview = (TableRow)commandItem.FindControl("rowOverview");

rowOverview.Visible = false;

}

if (showNotes)

{

Label txtNotes = (Label)commandItem.FindControl("txtNotes");

txtNotes.Text = strNotes;

}

else

{

TableRow rowNotes = (TableRow)commandItem.FindControl("rowNotes");

rowNotes.Visible = false;

}

if (showSchematic)

{

Label txtSchematic = (Label)commandItem.FindControl("txtSchematic");

HyperLink lnkSchematic = (HyperLink)commandItem.FindControl("lnkSchematic");

if (lnkSchematicFilename.Length == 0)

lnkSchematic.Visible = false;

else

{

lnkSchematic.NavigateUrl = lnkSchematicFilename;

txtSchematic.Visible = false;

}

else

{

TableRow rowSchematic = (TableRow)commandItem.FindControl("rowSchematic");

rowSchematic.Visible = false;

}

else

e.Item.Visible = false;

}

//if it's a criteria then hide the expand control

if (e.Item is GridDataItem)// to access a row

{

GridDataItem item = (GridDataItem)e.Item;

RadGrid parentGrid = (RadGrid)sender;

if ((bool)item.GetDataKeyValue("IsCriteria") == true)

{

item.Cells[0].Controls[0].Visible = false;

}

At first this approach seemed to work
Screenshot
but if I then expanded another row it would cut out my addidtional columns in my modified detail table.
Screenshot 2

Is it possible to modify a detail table view so that the changes persist on another row expanding?
Is there an easier/better way to do what I am attempting to do i.e. a self referencing grid with a different detail view at the lowest level?

Any help/advice will be gratefully received.

Jon

Grid

answered on 18 Nov 2010