Questions on UI for ASP.NET AJAX Forum

9 answers

379 views

[Solved] visibility of GridNumericColumn of Telerik grid at runtime

Hi There

I would like to make the visibility of GridNumericColumn of Telerik grid at runtime.

I have a control at my web page say dropdown box with three different values and what I want when dropdown box got a value single then I would like to make the visibility of GridNumericColumn to false.

I hope someone might be able to help me

Thanks

Syed

Grid

answered on 02 Jul 2014

1 answer

142 views

Ned to remove Textboxes from Rad Color Picker

Hello,

I have used following line of to use Rad color picker for my
application:

<telerik:RadColorPicker runat="server"
ID="rcpMedian"
PaletteModes="WebPalette"
KeepInScreenBounds="false"
Overlay="true"
Visible="true"
ShowIcon="true"
Width="300"></telerik:RadColorPicker>

When I browsed my application, I found
the textboxes of R, G, B, H, S, B got displaced un evenly (please see attachement).

Can you please tell me solution of
this?

If there is no solution of it then
is there any way to remove these textboxes from color picker and to display
only HSB color grid?

Thanks,

pankaj

ColorPicker

answered on 02 Jul 2014

1 answer

73 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

89 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

182 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

106 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

162 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

282 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

147 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

123 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