Questions on UI for ASP.NET AJAX Forum

1 answer

74 views

[Solved] Using Splitter with linked bookmarks on a long page

I have a long page, I want to use the RadSplitter to split the page using bookmarks within the same page. As you have used on the demo page - overview page. http://demos.telerik.com/aspnet-ajax/splitter/examples/overview/defaultcs.aspx

Could you let me know how to get the same functionality by sharing code of the overview page.

regards,

HS Gill

Splitter

answered on 02 Jul 2014

1 answer

90 views

big problems using grid ... (selected value always null / checkbox as bool not working)

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid3">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
    </telerik:RadAjaxLoadingPanel>

    <h3>Module</h3>
    <telerik:RadGrid ID="RadGrid1" runat="server" Culture="de-DE" ShowStatusBar="True" AllowPaging="True" PageSize="5" Width="800px"
        DataKeyValues="Id, ModuleName, IsActive, NavigationPath"
        OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemDataBound="RadGrid1_ItemDataBound" EnableViewState="true" ViewStateMode="Enabled">
        <MasterTableView Width="100%" AutoGenerateColumns="False" CommandItemDisplay="Top" EditMode="PopUp"
            NoDetailRecordsText="Keine Detaileinträge." NoMasterRecordsText="Keine Einträge." RetrieveNullAsDBNull="False" EnableViewState="true" ViewStateMode="Enabled">
            <CommandItemSettings AddNewRecordText="Neues Modul anlegen" CancelChangesText="Abbrechen" SaveChangesText="Änderungen speichern" ShowRefreshButton="False" />

            <Columns>

                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" ItemStyle-Width="30px">
                    <ItemStyle Width="30px"></ItemStyle>
                </telerik:GridEditCommandColumn>

                <telerik:GridBoundColumn DataField="Id" DataType="System.Guid" HeaderText="Modul Id" ReadOnly="true"
                    SortExpression="ModuleId" UniqueName="ModuleId">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="ModuleName" DataType="System.String" HeaderText="Modul Name"
                    SortExpression="ModuleName" UniqueName="ModuleName">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridCheckBoxColumn DataField="IsActive" HeaderText="Modul aktiviert"
                    SortExpression="ModuleIsActive" UniqueName="ModuleIsActive">
                </telerik:GridCheckBoxColumn>

                <telerik:GridBoundColumn DataField="NavigationPath" DataType="System.String" HeaderText="Modul Navigationspfad"
                    SortExpression="ModuleNavigationPath" UniqueName="ModuleNavigationPath">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" ItemStyle-Width="30px">
                    <ItemStyle Width="30px"></ItemStyle>
                </telerik:GridButtonColumn>

            </Columns>
            <EditFormSettings>
                <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>
                <FormTemplate>
                    <table ID="Table2" cellspacing="2" cellpadding="1" width="100%">
                        style="border-collapse: collapse;">
                        <tr class="EditFormHeader">
                            <td colspan="2" style="font-size: small"><b>Modul Details</b></td>
                        </tr>

                        <tr>
                            <td>Modul Name:</td>
                            <td>
                                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ModuleName") %>' Width="400px" TabIndex="1"></asp:TextBox></td>
                        </tr>

                        <tr>
                            <td>Modul aktiviert:</td>
                            <td>
                                <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# Bind("IsActive") %>' TabIndex="2"></asp:CheckBox></td>
                        </tr>
                        <tr>
                            <td>Modul Navigationspfad:</td>
                            <td>
                                <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("NavigationPath") %>' Width="200px" TabIndex="3"></asp:TextBox></td>
                        </tr>

                        <tr>
                            <td colspan="2">
                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button> 
                                <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
                                    CommandName="Cancel"></asp:Button>
                            </td>
                        </tr>
                    </table>

                </FormTemplate>
            </EditFormSettings>
        </MasterTableView>

        <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
            <Selecting AllowRowSelect="true"></Selecting>
        </ClientSettings>
    </telerik:RadGrid>

Grid

answered on 02 Jul 2014

9 answers

192 views

No markers for IE11

Nice control, thanks!
I noticed that there is no markers as well as navigation buttons (up/down/right/left) displayed in IE11 at http://demos.telerik.com/aspnet-ajax/map/examples/overview/defaultcs.aspx.
Could you look into?

Map

answered on 02 Jul 2014

5 answers

116 views

Only allow single selection

Is there any way to limit file selection to only one? I tried setting

fileExplorer.TreeView.MultipleSelect = false;

But it didn't work.

FileExplorer

answered on 02 Jul 2014

1 answer

166 views

How to create NestedViewTemplate and get Primary Key of parent item

I am trying to create a two level nested grid. First level RadGrid will have list of all users (name, ID, email address etc.). Second level grid nested inside the first grid will have list of departments that user has access to.

I created this grid using this example: http://www.telerik.com/help/aspnet-ajax/grid-nestedviewtemplate.html

However I run into couple of issues

1) When I expand User1, it correctly displays the list of departments he has access to (e.g. Department1 and Department2).

>User1
--Department1
--Department2
>User2

When I expand User2, the nested grid displays the list of departments User2 has access to (Department3 and Department4), but it also displays the same under User1.

>User1
--Department3
--Department4
>User2
--Department3
--Department4

2) The second issue I need help with is the Primary Key of parent record. For example, if I need to add a new department under User1, the form field with User1's primary key should already be populated. How do I get that value?

Grid

answered on 02 Jul 2014

3 answers

288 views

[Solved] Cant get radWindow to update parent page on Window close.

Hi guys,

After searching through many topics and trying different code snippets we still are not able to update a TextBox on the parent page when the RadWindow is closed.

We are currently using C# 2010 asp.net ajax controls.

Parent page code from where the rad window is being opened.

<body id="Body1">

<form id="form1" runat="server">

<script type="text/javascript">

function getCookie()

{

if (document.cookie.length > 0) {

var c_name = "ConsumerID";

c_start = document.cookie.indexOf(c_name + "=");

if (c_start != -1)

{

c_start = c_start + c_name.length + 1;

c_end = document.cookie.indexOf(";", c_start);

if (c_end == -1)

{

c_end = document.cookie.length;

}

return unescape(document.cookie.substring(c_start, c_end));

}

return "";

}

function OpenConsumerWindow() {

var oWnd = $find('<%= FormView1.FindControl("ConsumerWindow").ClientID %>');

oWnd.setUrl('ConsumerIssue.aspx?ConsumerID=' + getCookie());

oWnd.show();

oWnd.maximize();

}

</script>

<asp:FormView ID="FormView1" runat="server" DataKeyNames="ItemID" GridLines="None" OnItemCommand="FormView1_ItemCommand" Width="100%">

<EditItemTemplate>

<div>

<table>

<tr>

<td>

<telerik:RadTextBox ID="tbConsumerInfo" runat="server" EmptyMessage="No Consumer" ReadOnly="true" BackColor="LightYellow" style="float:right;" ></telerik:RadTextBox>

</td>

<td>

<telerik:RadButton ID="btnAddConsumer" runat="server" Width="16px" Height="16px" AutoPostBack="false" style="padding-top:-5px;float:right;" ToolTip="Add/Edit Consumer" CausesValidation="false" OnClientClicked="OpenConsumerWindow" Visible="false">

<Image ImageUrl="Images/icons/ClipboardPlus.png" IsBackgroundImage="true"/>

</telerik:RadButton>

</td>

</tr>

</table>

</div>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" Behaviors="None" RenderMode="Lightweight" ShowContentDuringLoad="false">

<Windows>

<telerik:RadWindow ID="ConsumerWindow" runat="server" >

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

</EditItemTemplate>

</asp:FormView>

</form>

</body>

Page which is opened inside the RadWindow

<body id="ConsumerBody">

<div id="MainDiv">

<table>

<tr>

<td>

<telerik:RadTextBox ID="tbConsumerInfo" runat="server" ReadOnly="true" BackColor="LightYellow" ></telerik:RadTextBox>

</td>

<td>

<telerik:RadButton ID="btnCheckDB" runat="server" AutoPostBack="true" CausesValidation="true" OnClick="btnCheckDB_Click" />

</td>

</tr>

</table>

</div>

</body>

Pretty much what happens is that when a user enters text into the textbox and clicks the btnCheckDB button some processing takes place in the code behind. the returned value from the database must be sent through to the parent page and the tbConsumerInfo TextBox must be updated with this data once the RadWindow is closed.

Please would you provide some feed back on how we would achieve this.

Thank you in advance.

Window

answered on 02 Jul 2014

1 answer

151 views

Shapes

Hello

How I can add shapes (not markers) in a way like this:

for (var i = 0; i < resources.length; i++) {

kendoMap.markers.add({

location: resources[i].point.coordinates,

title: value.Title,

shape: value.Css,

tooltip: {

showOn: "click",

autoHide: false,

}

});

}

Best Greetings

Cyril

Map

answered on 02 Jul 2014

2 answers

125 views

[Solved] Howto hide DetailTables when in edit mode

Hi,

I have a hierarchical radgrid that is four levels deep. What I need is that when I go into edit mode for an entry on the third level that item's detail table is hidden.

I have tried setting visible to false on e.Item.OwnerTableView.DetailTables but that doesn't help.

I am using version 2013.1.220.35

Thanks

Colin

Grid

answered on 02 Jul 2014

2 answers

203 views

[Solved] Custom Labels Combo box

Help please,
I am using a rad combo that I am populating with a SQL data source, I have set an item template for the display which displays the correct information but when I select the item it shows the id and not the selected name, I'm not sure what I am doing wrong.

the code I'm using is as follows

on the aspx page

<telerik:RadComboBox ID="DDL_Treatedby" runat="server" OnItemDataBound="DDL_Treatedby_ItemDataBound""DropDownAutoWidth="Enabled" EmptyMessage="Treated By">

<ItemTemplate>

<asp:Label ID="LAB_TreatedName" runat="server"></asp:Label>

</ItemTemplate>

</telerik:RadComboBox>

and the code behind is attached to the OnItemDataBound Event

protected void DDL_Treatedby_ItemDataBound(object sender, RadComboBoxItemEventArgs e)

{ UserPermissions tempper = (UserPermissions)e.Item.DataItem;

Label templabel = (Label)e.Item.FindControl("LAB_TreatedName");

if (tempper != null && templabel != null)

{

users temp = users.GetUserBYID(tempper.UserID);

templabel.Text = temp.Forename + " " + temp.Surname;

}

I end up with the list been populated with the username but when an item is selected it shows a number instead of the selected name and not sure on where I am going wrong.

ComboBox

answered on 02 Jul 2014

4 answers

246 views

Hiding Rows based on cell values

I can't seem to find any relevant discussions on this topic, but I am wondering if it is possible to hide rows in the generated output (for example highlighted in yellow in the attached file) if certain conditions are met. For example, if one or the other of the values in the column labeled "Difference" is negative, I would want to hide the highlighted row.

Is this possible?

PivotGrid

answered on 02 Jul 2014