Questions on UI for ASP.NET AJAX Forum

4 answers

100 views

Hello! I have a question about the breadcrumbs path in FileExplorer. We are using the FileExplorer to browse for objects in our CRM and because objects are identified by a numeric ID and not a Unique Name, we must use the IDs in the paths in FileExplorer. Is there anyway to alter the displayed breadcrumbs path in the FileExplorer window to show the actual object names instead of the Object IDs?

Also, how can I change which icons are displayed for the different object types?

Best regards,
Patrik Edberg

FileExplorer

answered on 23 Oct 2014

4 answers

134 views

Checkall when disabled items

Disabled items of a ComboBox should be ignored when "Check all" is clicked or not.
How can i achieve that? because the default behaviour does not take it in consideration.

ComboBox

answered on 23 Oct 2014

3 answers

141 views

Access the grid column headings text in a NestedViewTemplate

I have a grid (rgEmployeeData) that has a NestedViewTemplate which contains a RadGrid (rgLogs)
Both grids are populated using a client side calls via AJAX to a webservice.

Question is ... at the point of loading the page for the first time I want to change the text of each column heading in the Nested grid.
The reason is to apply different heading text (that is stored in the database) depending on the users locale.

Could someone direct me as to how this can be achieved either Client side or in the Page_Load / Page_Init ?

<telerik:RadGrid ID="rgEmployeeData" runat="server" AutoGenerateColumns="False" AllowFilteringByColumn="false"

AllowPaging="true" PageSize="50" ShowHeaderWhenEmpty="true" AllowSorting="true"

AllowCustomPaging="true">

<ClientSettings>

<Scrolling AllowScroll="false" UseStaticHeaders="true" />

<DataBinding ShowEmptyRowsOnLoad="false" />

<ClientEvents OnCommand="rgEmployeeData_Command"

OnHierarchyExpanding="rgEmployeeData_HierarchyExpanding" />

<Resizing AllowColumnResize="true" AllowRowResize="false" ResizeGridOnColumnResize="true"

ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />

</ClientSettings>

<MasterTableView TableLayout="Auto" AutoGenerateColumns="false" CommandItemDisplay="None"

HierarchyDefaultExpanded="false" HierarchyLoadMode="Client" ClientDataKeyNames="RecordID">

<PagerStyle AlwaysVisible="true" Mode="NumericPages" />

<Columns>

<telerik:GridBoundColumn HeaderText="RecordID" Visible="false" UniqueName="RecordID"

DataField="RecordID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

HeaderText="Address"

HeaderStyle-Wrap="false"

UniqueName="Address"

DataField="Address">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

HeaderText="PostCode"

HeaderStyle-Wrap="false"

ItemStyle-Wrap="false"

UniqueName="PostCode"

DataField="PostCode"

ItemStyle-Width="100"

HeaderStyle-Width="100">

</telerik:GridBoundColumn>

</Columns>

<NestedViewTemplate>

<telerik:RadButton runat="server" Text="xEnquiry"

id="witnCreateSMS" OnClientClicking="addEnq"

ButtonType="StandardButton" AutoPostBack="false"

ToolTip="XAdd Enquiry">

<Icon PrimaryIconUrl="../../Images/GridButtons/plusicon.png" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadButton runat="server" Text="xLog"

id="RadButton1" OnClientClicking="addLog"

ButtonType="StandardButton" AutoPostBack="false"

ToolTip="XAdd Log">

<Icon PrimaryIconUrl="../../Images/GridButtons/plusicon.png" PrimaryIconLeft="4" PrimaryIconTop="4" />

</telerik:RadButton>

<telerik:RadGrid ID="rgLogs" AllowFilteringByColumn="false" runat="server" PageSize="1"

AllowPaging="false" AllowSorting="false" Width="90%" SkinID="RCSNestedGrid" >

<ClientSettings>

<ClientEvents OnCommand="rgLogs_Command" />

<DataBinding ShowEmptyRowsOnLoad="false" />

<Resizing AllowColumnResize="true" />

</ClientSettings>

<MasterTableView ClientDataKeyNames="LogID" >

<Columns>

<telerik:GridBoundColumn Visible="false" HeaderStyle-Wrap="false" ItemStyle-Wrap="false"

DataField="RecordID" HeaderText="RecordID" DataType="System.Int32" />

<telerik:GridBoundColumn

HeaderStyle-Wrap="false"

ItemStyle-Wrap="false"

SortExpression="FollowUpDate"

HeaderStyle-Width="90"

DataField="FollowUpDate"

HeaderText="FollowUpDate"

DataType="System.String" />

<telerik:GridBoundColumn

ItemStyle-Wrap="false"

SortExpression="Type"

DataField="Type"

HeaderText="Type"

DataType="System.String"

HeaderStyle-Width="10%" />

</Columns>

</MasterTableView>

<PagerStyle AlwaysVisible="false" />

</telerik:RadGrid>

</NestedViewTemplate>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 23 Oct 2014

7 answers

181 views

RadTreeView - Nodes are Flashing on Move Hover after Scroll Down

Hello,

I am working on a project with a RadTreeView.

The height is fixed.
The RadTreeView is set as follows:

<style type="text/css">

.crop {

width: 150px;

overflow-x: hidden;

}

.No-crop {

overflow-x: visible !important;

position: absolute !important;

}

</style>

<script type="text/javascript">

function TreeClientMouseOver(sender, e) {

e.get_node().set_cssClass("No-crop");

}

function TreeClientMouseOut(sender, e) {

e.get_node().set_cssClass("crop");

}

</script>

<telerik:RadTreeView ID="RadTreeView1" Runat="server" Height="400px" Skin="Outlook" OnClientMouseOver="TreeClientMouseOver" OnClientMouseOut="TreeClientMouseOut" >

<Nodes>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode3">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode5">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode7">

<Nodes>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 1">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 2">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 3">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 4">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 5">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 6">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Child RadTreeNode 7">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode8">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode9">

</telerik:RadTreeNode>

<telerik:RadTreeNode runat="server" Text="Root RadTreeNode10">

</telerik:RadTreeNode>

</Nodes>

</telerik:RadTreeView>

When the mouse hovers over a node, I set a JS function to overflow: visible. Then, when the mouse exits the node the overflow is hidden.

The problem is after the user scrolls down the RadTreeView. Then, when mouse hovers over a
node, it starts to flash and the overflowed node is misplaced.

[See video that shows the Node Flashing problem]

How can I solve this?

Thanks,
Daniel.

TreeView

answered on 23 Oct 2014

1 answer

75 views

startcap and endcap properties of raddaigram not working.

Hi,
I am trying to implement demo from following link
http://demos.telerik.com/aspnet-ajax-beta/Diagram/Examples/overview/defaultcs.aspx#qsf-demo-source

script file having lots of errors as below
1) TypeError: kendo.dataviz.diagram.ArrowMarker is not a constructor
2)drawingElement is undefined.

So iam not able to render UI and even if UI is rendered iam not able to align path connection text and shape text.
I am also trying to implement startcap and endcap properties but it has no effects in UI.

Iam using Telerik_UI_for_ASP.NET_AJAX_Setup_2014_2_724 trial setup.

Any help will be appreciated.

Kind regards
Ram Mahajan

Diagram

answered on 23 Oct 2014

3 answers

90 views

Other Controls losing Values after upload

Have other radtextboxes on user control where I use RadCloudupload to upload images. I am using RadCloudUpload1_FileUploaded server side event to manipulate the images. All works well accept the other radtextboxes lose there values after image upload.
A simple example:

<script type="text/javascript">

function imagesUploaded(sender, args) {

$find("<%= RadAjaxPanel1.ClientID%>").ajaxRequest()

}

</script>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Width="100%">

<telerik:RadTextBox ID="RadTextBoxReference" runat="server" Skin="MetroTouch" Width="100%" MaxLength="50">

</telerik:RadTextBox>

<telerik:RadCloudUpload ID="RadCloudUpload1" runat="server" MultipleFileSelection="Automatic" MaxFileSize="4194304" AllowedFileExtensions="jpeg,jpg,gif,png,bmp" ProviderType="Azure" Skin="MetroTouch" OnClientFilesUploaded="imagesUploaded" OnClientValidationFailed="validationFailed">

</telerik:RadCloudUpload>

</telerik:RadAjaxPanel>

Note I Switched from using Radasyncupload control to RadCloudupload. I did not experience the same issue with radasyncupload.

Any help would be greatly appreciated.

CloudUpload

answered on 23 Oct 2014

1 answer

78 views

Problem with RadDatePicker and RadToolTipmanager

I have a tooltip manager same your demo : http://demos.telerik.com/aspnet-ajax/tooltip/examples/targetcontrolsandajax/defaultcs.aspx?product=tooltip

On the same page i put 2 RadDatePicker. Each times page load, DatePicker not work until i run tooltip on Radgrid.

Please show me how to solve it.Thanks

ToolTip

answered on 23 Oct 2014

3 answers

483 views

Display LineString (route) from database on the map

Hi.
I need to show route between point that stored in the sql server database and find these threads
http://www.telerik.com/help/aspnet-ajax/map-client-side-data-binding.html
http://demos.telerik.com/aspnet-ajax/map/examples/functionality/cross-layer-integration/defaultcs.aspx
My problem is that in these examples rout point are in json file.
Please help me to bind shapelayer to database.
Thank you.

Map

answered on 22 Oct 2014

2 answers

203 views

Reverse Loop through Nodes

I need to reverse loop through the parent nodes of a node to get the text of each node. So if my node structure is parent->child1->child2 I need to go loop child2->child1->parent. Any suggestions?

TreeView

answered on 22 Oct 2014

2 answers

140 views

Exporting Data in EditForm Template only

I'm trying to export just the data entered in my edit form template and not the radgrid itself when a user has entered in all their information.

Can someone help me out with this? I've looked all over telerik forums and online and haven't found an example to figure this out.

Basically when a user clicks edit on a property, the user would add pictures and edit the sale template. Once they have completed this task and it's approved we want to be able to export this data into a pdf or excel to provide this to potential buyers.

Grid

answered on 22 Oct 2014