Telerik Forums
UI for ASP.NET AJAX Forum
8 answers
831 views
Hi there,

I have created a form that contains a RadGrid and I am trying to use the PopUp edit mode to display a usercontrol.

I have got it working and it pops up however I dont like the location of the popup. Can anyone suggest how I can have it so it pops up in the center of the screen?

Thank you
Lucania
Top achievements
Rank 1
 answered on 17 May 2012
4 answers
293 views
I have a RadTimePicker in a RadGrid.  The grid is bound to a SqlDataSource which is connected to a SQL Server 2008 database table.  The table contains a column with a datatype of "time," which is not null.

When I attempt to bind a RadTimePicker to this time column, I receive the error 
System.InvalidCastException:Specified cast is not valid.

This is how I'm attempting to do the databinding:
<telerik:RadTimePicker ID="RadTimePicker1" runat="server" DbSelectedDate='<%# Bind("TimeMon") %>' /> 


Please advise if I am missing something, or if the time data type in SQL Server is too new, preventing me from doing this.  I am using RadControls for ASP.NET AJAX 2008.3 1314

Thanks!
Travis
Oscar
Top achievements
Rank 1
 answered on 16 May 2012
3 answers
125 views
Any update on the status of this request?  It's been 5 years since the request was initialized.  I'd really like to see this get implemented.

http://www.telerik.com/community/forums/aspnet/grid/using-a-different-usercontrol-form-template-for-edit-and-insert.aspx
Pavlina
Telerik team
 answered on 16 May 2012
8 answers
141 views
Hi.

I'm using raddock to let the users to design a dashboard.  I would like to achieve this

http://jqueryui.com/demos/draggable/#visual-feedback 

I mean, keep "a copy" of the dock in the dockzone, while i'm dragging it to the target dockzone.

Is this possible?

Thanks in advance.

Guillermo
Guillermo Sornoza
Top achievements
Rank 1
 answered on 16 May 2012
1 answer
627 views
HY
I Want To Work With RadGrid And I Want To Change RadGrid Control Language To Persian , Any One Can Tell Me How ???
Very Thanks
Richard
Top achievements
Rank 1
 answered on 16 May 2012
2 answers
81 views
By virtue of having RadFormDecorator on  the master page, the page markup changes during rendering. A button gets wrapped into <a>:
<A class=rfdSkinnedButton href="javascript:void(0)">
    <INPUT  ... />
</A>

Hiding the button in this scenario has undesired side affect. Since it is wrapped in the <a>, <a> will still render and because it has internal style padding, there will be a rectangle left on the screen. Therefore I need to find this <a> and hide it instead of my button.

At first it didn't sound a big deal, I can get the button parent:

var aTag = $("[id$='_btnConfirm']").parent();

However the decoration occurs late in the page life cycle, after document.ready() and the code above returns wrong element. It never finds <a>. 

I tried replacing document.ready() with window.load(). Sometimes if works, but it is very unstable. I don't see a way of excluding just that button from decorating, I don't want global changes. $find also didn't seem to work.

So how can I find this element?

-Stan
Stan
Top achievements
Rank 1
 answered on 16 May 2012
6 answers
824 views
HI,

I have a command item template that has several buttons on it.  The visibility of the buttons depends on another button in the command item template being clicked.   I have a javascript function that works perfectly to set the visibility of the buttons based on which button is clicked.  I am using the set_visible property in the javascript to show/hide the button. 

My problem is that 2 of the buttons in the command item template should not be visible when the page is first opened.   But if I initially set the visible property of these buttons to false then when my javascript function runs, I get an error that the object is null for these buttons.  

I tried using a cssClass using display:none !important and this initially hides the buttons but I can't change this property in my javascript function since the radbutton doesn't use the style property. 

Any ideas how I can get these buttons to be hidden when the page first loads.

Thank you for you help.

Tracy

<CommandItemTemplate>
<asp:Table ID="tblCommandTemplate" runat="server" Width="1220px" CellSpacing="0" CellPadding="0">
    <asp:TableRow ID="trowCommandTemplate1" Height="25px" runat="server" style="display:block;"  >
    <asp:TableCell ID="tcell1" runat="server">
        <telerik:RadButton ID="rbtAdd"         runat="server"  CommandName="InitInsert"       Skin="Transparent" Text="Add"     Icon-PrimaryIconURL="<%$ Resources:Images,AddRecord16%>"    style="position:absolute;left:10px;font-size:10px;"  ToolTip="Add New Record"     Visible='<%# rgvMainGrid.EditIndexes.Count=0 or Not rgvMainGrid.MasterTableView.IsItemInserted %>'   />  
        <telerik:RadButton ID="rbtEdit"         runat="server" CommandName="EditSelected"     Skin="Transparent" Text="Edit"    Icon-PrimaryIconURL="<%$ Resources:Images,EditRecord16%>"   style="position:absolute;left:70px;font-size:12px;"  ToolTip="Edit Record"        Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' />   
        <telerik:RadButton ID="rbtDelete"       runat="server" CommandName="DeleteSelected"   Skin="Transparent" Text="Delete"  Icon-PrimaryIconURL="<%$ Resources:Images,DeleteRecord16%>" style="position:absolute;left:129px;font-size:12px;" ToolTip="Delete Record"      Visible='<%# rgvMainGrid.EditIndexes.Count=0 and Not rgvMainGrid.MasterTableView.IsItemInserted %>' OnClientClicking="DeleteOnClientClicking" />    
        <telerik:RadButton ID="rbtCancel"       runat="server" CommandName="CancelAll"        Skin="Transparent" Text="Cancel"  Icon-PrimaryIconURL="<%$ Resources:Images,CancelRecord16%>" style="position:absolute;left:10px;font-size:12px;"  ToolTip="Cancel Add/Edit"    Visible='<%# rgvMainGrid.EditIndexes.Count > 0 Or rgvMainGrid.MasterTableView.IsItemInserted %>'    />  
        <telerik:RadButton ID="rbtSaveNew"      runat="server" CommandName="PerformInsert"    Skin="Transparent" Text="Save"    Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save New Record"    Visible='<%# rgvMainGrid.MasterTableView.IsItemInserted%>'                                           />   
        <telerik:RadButton ID="rbtSave"         runat="server" CommandName="UpdateEdited"     Skin="Transparent" Text="Save"    Icon-PrimaryIconURL="<%$ Resources:Images,SaveRecord16%>"   style="position:absolute;left:80px;font-size:12px;"  ToolTip="Save Edited Record" Visible='<%# rgvMainGrid.EditIndexes.Count > 0 AND Not rgvMainGrid.MasterTableView.IsItemInserted%>'/>  
        <telerik:RadButton ID="rcbClearGrouping"   runat="server" CommandName="ClearGrouping"  Skin="Transparent" Text="Clear Grouping"        Icon-PrimaryIconURL="<%$ Resources:Images,Grouping16%>"     style="position:absolute;left:840px;font-size:12px;"    ToolTip="Clear Grouping"/>    
        <telerik:RadButton ID="rbtFilterFields"     runat="server"    ButtonType="StandardButton" ToggleType="CustomToggle"  OnClientToggleStateChanged="ShowHideFilterFields" AutoPostBack="false"  ToolTip="Show/Hide Filter Fields"  Skin="Transparent" CssClass="css_GRD02_Filter_Button" Width="20px">
            <ToggleStates>
                <telerik:RadButtonToggleState Text="    Hide Filters"  PrimaryIconUrl ="<%$ Resources:Images,FilterRecord16%>"   />
                <telerik:RadButtonToggleState Text="    Show Filters"  PrimaryIconUrl="<%$ Resources:Images,FilterRecord16%>"   />
            </ToggleStates>
        </telerik:RadButton>
        <telerik:RadButton ID="rcbRefresh"         runat="server" CommandName="RebindGrid"              Skin="Transparent" Text="Refresh"               Icon-PrimaryIconURL="<%$ Resources:Images, ReloadBlue16 %>" style="position:absolute;left:1052px;font-size:12px;"   ToolTip="Refresh Grid"/>                       
        <telerik:RadButton ID="rcbExportToExcel"   runat="server" CommandName="ExportToExcel"         Skin="Transparent" Text="Export"                Icon-PrimaryIconURL="<%$ Resources:Images,Excel16%>"        style="position:absolute;left:1129px;font-size:12px;"   ToolTip="Export To Excel" />  
        <telerik:RadButton ID="rbtGridToolbar"     runat="server" ButtonType="ToggleButton"             ToggleType="CheckBox"                                                                                       style="position:absolute;left:1206px;font-size:12px;" width="20px" Height="16px" AutoPostBack="false"  Checked="true" ToolTip="Show/Hide Grid Settings"  OnClientCheckedChanged ="ShowHideGridSettings">
            <ToggleStates>
                <telerik:RadButtonToggleState  ImageUrl="../../App_Themes/Images/Arrows/Expand Down 16.ico"  Selected="true" />
                <telerik:RadButtonToggleState ImageUrl="../../App_Themes/Images/Arrows/Expand Up 16.ico" />
            </ToggleStates>
        </telerik:RadButton>
 
        </asp:TableCell>
    </asp:TableRow>
     
    <asp:TableRow ID="trowCommandTemplate2" Height="32px" runat="server" >
    <asp:TableCell>
        <asp:Label              ID="lblSelectTemplate"    runat="server"                                                     CssClass="css_GRD02_SelectTemplate_Label"      Text="Select Template:"  />  
        <telerik:RadComboBox    ID="rcbGridTemplate"      runat="server"                                                     CssClass="css_GRD02_SelectTemplate_RadCombo"   DropDownWidth="200px"         Width="200px"     EnableLoadOnDemand="true"   HighlightTemplatedItems="true"  AutoPostBack="false"     AllowCustomText="false" OnClientSelectedIndexChanged="GridTemplateOnSelectedIndexChanged"  OnItemsRequested="rcbGridTemplate_OnItemsRequested"  OnItemCreated=" rcbGridTemplate_ItemCreated" EnableViewState="true"/>
        <asp:Label              ID="lblTemplateType"      runat="server"                                                     CssClass="css_GRD02_TemplateType_Label"        Text="Type:"  />                                           
        <telerik:RadComboBox    ID="rcbTemplateType"      runat="server"                                                     CssClass="css_GRD02_TemplateType_RadCombo"     DropDownWidth="80px"          Width="80px"      EnableLoadOnDemand="true"   HighlightTemplatedItems="true"  AutoPostBack="false"     AllowCustomText="false" OnItemsRequested="rcbTemplateType_OnItemsRequested"  Enabled="false" EnableViewState="true" OnItemCreated="rcbTemplateType_ItemCreated" />                                     
        <telerik:RadButton      ID="rbtApplySettings"     runat="server" CommandName="ApplySettings"      Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Apply Settings"         Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsApply16%>"   ToolTip="Apply Selected Template Settings To Grid"/>
        <telerik:RadButton      ID="rbtSaveTemplate"      runat="server" CommandName="SaveTemplate"       Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Save Template"          Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save Current Grid Settings To Selected Template"/>
        <telerik:RadButton      ID="rbtAddTemplate"       runat="server" CommandName="AddNewTemplate"     Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Save To A New Template" Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsAdd16%>"     ToolTip="Save Current Grid Settings To A New Template"     AutoPostBack="false"   OnClientClicked="ShowHideCommandTemplate"/>
        <telerik:RadButton      ID="rbtDeleteTemplate"    runat="server" CommandName="DeleteTemplate"     Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Delete Template"        Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsDelete16%>"  ToolTip="Delete Selected Template"/>
        <telerik:RadButton      ID="rbtSetDefault"        runat="server" CommandName="SetDefault"         Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Set As Default"         Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsDefault16%>" ToolTip="Save Selected Template As Default"/>
        <telerik:RadButton      ID="rbtSettingDetail"     runat="server" CommandName="GridSettingsDetail" Skin="Transparent" CssClass="css_GRD02_GridSettings_Button"       Text="Template Settings"      Icon-PrimaryIconURL="<%$ Resources:Images,GridSettings16%>"        Tooltip="Show Template Settings"/>                                     
        <asp:Label              ID="lblTemplateName"      runat="server"                                                     CssClass="css_GRD02_TemplateName_Label"        Text="Name:" />
        <asp:TextBox            ID="txtTemplateName"      runat="server"                                                     CssClass="css_GRD02_TemplateName_TextBox"      Text="Enter A New Template Name" />          
        <telerik:RadButton      ID="rbtSaveNewTemplate"   runat="server" CommandName="SaveNewTemplate"    Skin="Transparent" CssClass="css_GRD02_GridSettings_Button_Hide"  Text="Save"                   Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsSave16%>"    ToolTip="Save New Template"                                OnClientClicking="SaveNewTemplate"         />
        <telerik:RadButton      ID="rbtCancelNewTemplate" runat="server" CommandName="CancelNewTemplate"  Skin="Transparent" CssClass="css_GRD02_GridSettings_Button_Hide"  Text="Cancel"                 Icon-PrimaryIconURL="<%$ Resources:Images,GridSettingsCancel16%>"  ToolTip="Cance New Template"    AutoPostBack="false"       OnClientClicked="ShowHideCommandTemplate"  />
</asp:TableCell>
    </asp:TableRow>
           </asp:Table>   
</CommandItemTemplate>

Javascript that shows/hides the buttons.
/*Function Is Used To Show/Hide Grid Template Items In The Command Item Template Based On Whether A Current
Template Is Being Displayed Or Add New Template Has Been Selected.
*/
function ShowHideCommandTemplateExternal(sender, args, radGrid) {
    var rcbTemplate = $telerik.findControl(radGrid, 'rcbGridTemplate');
    var rbtApply = $telerik.findControl(radGrid, 'rbtApplySettings');
    var rbtSave = $telerik.findControl(radGrid, 'rbtSaveTemplate');
    var rbtDelete = $telerik.findControl(radGrid, 'rbtDeleteTemplate');
    var rbtAdd = $telerik.findControl(radGrid, 'rbtAddTemplate');
    var rbtDefault = $telerik.findControl(radGrid, 'rbtSetDefault');
    var rbtSettings = $telerik.findControl(radGrid, 'rbtSettingDetail');
    var rbtCancel = $telerik.findControl(radGrid, 'rbtCancelNewTemplate');
    var rbtSaveNew = $telerik.findControl(radGrid, 'rbtSaveNewTemplate');
    var rcbType = $telerik.findControl(radGrid, 'rcbTemplateType');
 
    /* Get The Hidden Fields That Hold The Client Id's Of The Controls In The Command Item Template
    That Are Not Telerik Controls */
    var hdfSelect = document.getElementById('wccGridSettings_hdfSelectTemplate');
    var lblSelect = document.getElementById(hdfSelect.value);
    var hdfTemplateName = document.getElementById('wccGridSettings_hdfTemplateName');
    var txtTemplateName = document.getElementById(hdfTemplateName.value);
    var hdfNameLabel = document.getElementById('wccGridSettings_hdfTemplateNameLabel');
    var lblTemplateName = document.getElementById(hdfNameLabel.value);
    var blnDisplay;
    var displayAdd;
    var displayCurrent;
 
    var cmdName = sender.get_commandName();
    if (cmdName == 'AddNewTemplate') {
        blnDisplayAdd = true;
        blnDisplayCurrent = false;
        displayAdd = 'block';
        displayCurrent = 'none';
        rcbType.trackChanges();
        rcbType.enable();
        rcbType.updateClientState();
        rcbType.commitChanges();
    }
    else {
        blnDisplayAdd = false;
        blnDisplayCurrent = true;
        displayAdd = 'none';
        displayCurrent = 'block';
        /* Disable The Template Type When Add New Template Option Has Been Cancelled Or The New Template Has Been Saved */
        rcbType.trackChanges();
        rcbType.disable();
        rcbType.updateClientState();
        rcbType.commitChanges();
    }
 
    lblSelect.style.display = displayCurrent;
    rcbTemplate.set_visible(blnDisplayCurrent);
    rbtApply.set_visible(blnDisplayCurrent);
    rbtSave.set_visible(blnDisplayCurrent);
    rbtDelete.set_visible(blnDisplayCurrent);
    rbtAdd.set_visible(blnDisplayCurrent);
    rbtDefault.set_visible(blnDisplayCurrent);
    lblTemplateName.style.display = displayAdd;
    txtTemplateName.style.display = displayAdd;
    rbtSettings.set_visible(blnDisplayCurrent);
    rbtSaveNew.set_visible(blnDisplayAdd);
    rbtCancel.set_visible(blnDisplayAdd);
}

Tracy
Top achievements
Rank 1
 answered on 16 May 2012
0 answers
91 views

Hi,

I was wondering if there is a way to determine the underlying SQL that is sent to the database. So I have a SQLDataSource with a Slect Statement of
 Select name from User where UserId = @Userid

Is it possible to see the final statement that is sent to the database? So I would see "Select name from User where UserId = 1" ?

As in SqlDataSource.SelectStatement(); or some equivalent to this?

All I can see is the SelectCommand and SelectParameters

Would I have to put those 2 together myself?

Ken
Top achievements
Rank 1
 asked on 16 May 2012
6 answers
346 views
Hej, im using ur example :
http://demos.telerik.com/aspnet-ajax/grid/examples/programming/savinggridsettingsonperuserbasis/defaultcs.aspx

 

 

My problem is that when I'm getting the column.headerStyle.width is not the right ones. What i mean by that is that only the resized column acctualy changes width value where the others just keep having the same as before resizing´, even if they do acctually change like f.eks in the example, but its probally just visual in my case.

what do I do wrong?

Here is my savesettings string:



private
string SaveSettings()  

object[] gridSettings = new object[3];  

//Save groupBy 

 

GridGroupByExpressionCollection groupByExpressions = gridInstance.MasterTableView.GroupByExpressions; 

object[] groupExpressions = new object[groupByExpressions.Count];  


int
count = 0; 

 

foreach(GridGroupByExpression expression in groupByExpressions)  

{

groupExpressions[count] = ((IStateManager)expression).SaveViewState();

count++;

}

gridSettings[0] = groupExpressions;

 

//Save sort expressions

 

gridSettings[1] = ((

IStateManager)gridInstance.MasterTableView.SortExpressions).SaveViewState();  

 

//Save columns order 

 

 

int columnsLength = gridInstance.MasterTableView.Columns.Count + gridInstance.MasterTableView.AutoGeneratedColumns.Length;

 

Pair [] columnOrder = new Pair[ columnsLength ];  

ArrayList allColumns = new ArrayList( columnsLength );

 

allColumns.AddRange(gridInstance.MasterTableView.Columns );

allColumns.AddRange(gridInstance.MasterTableView.AutoGeneratedColumns);

 
int i = 0;  

foreach( GridColumn column in allColumns ) 

{
Pair p = new Pair(); 

p.First = column.OrderIndex;

p.Second = column.HeaderStyle.Width;

columnOrder[i] = p; 

i++;

}

gridSettings[2] = columnOrder;
 

// Serialize and return  

 

LosFormatter formatter = new LosFormatter();  

StringWriter writer = new StringWriter();

formatter.Serialize( writer, gridSettings ); 

return writer.ToString(); 

}

Regards,
Mircea

Joshua
Top achievements
Rank 1
 answered on 16 May 2012
3 answers
174 views
I'm trying to load one image for all rows in my radgrid, however, all i'm able to get to appear is the alternate text.  The code below is what I'm using:

                        <telerik:GridImageColumn DataType="System.String" DataImageUrlFields="ValletImage"
                            DataImageUrlFormatString="images/{0}.jpeg" AlternateText="Customer image" DataAlternateTextField="ContactName"
                            ImageAlign="Middle" ImageHeight="110px" ImageWidth="90px" HeaderText="Vallet"
                            FooterText="Vallet" ImageUrl="~/vallet.aspx?={0}" />

My datarow produces ValletImages = "mypicture" for each picture.  In this case all my rows appear as "smallpic", i'm expecting it to look for images/mypicture.jpeg but it refuses to load.

Do I have it wrong or is there something I need to change?  Also, i am trying to have a specific URL per picture.

Thanks
Richard
Top achievements
Rank 1
 answered on 16 May 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?