Telerik Forums
UI for ASP.NET AJAX Forum
11 answers
262 views
Hi Team,

Please help me in learning RAD image Editor Control. Need to Use the telerik Control in ASP .net 2.0 environment.

Regards,
Nitish
Vessy
Telerik team
 answered on 13 May 2013
2 answers
135 views
Hi All,

I am using Telerik Spell checker in a web application. It seems that the control does not recognize words like Didn''t, It''s, hasn''t as wrong words.
Please let me know any workaround on this problem.

Thanks in Advance,
Rupali
Sudheer
Top achievements
Rank 1
 answered on 13 May 2013
4 answers
667 views
Hello , I am using a toggle button and trying to set toggle state programmatically. But always the tagglestate[1] is selected on page load. Can you please explain how this works

My sample code

Aspx page

 

<telerik:RadButton ID="btnPlayStop" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox"

 

 

Width="30px" Height="30px" AutoPostBack="true" ForeColor="Black" OnToggleStateChanged="btnPlayStop_CheckedChanged" Visible='<%# !IsAddNewMode %>' >

 

 

<ToggleStates>

 

 

<telerik:RadButtonToggleState ImageUrl="~/Images/button_green_stop.png" HoveredImageUrl="~/Images/button_green_stop.png"

 

 

Text="Stop" />

 

 

<telerik:RadButtonToggleState ImageUrl="~/Images/button_play_green.png" HoveredImageUrl="~/Images/button_play_green.png"

 

 

Text="Play" />

 

 

</ToggleStates>

 

 

</telerik:RadButton>

 



Code behind

 

if (IsAutomationEnabled)

 

{

btnPlayStop.ToggleStates[1].Selected =

false;

 

btnPlayStop.ToggleStates[0].Selected =

true;

 

}

else

{

btnPlayStop.ToggleStates[1].Selected =

true;

 

btnPlayStop.ToggleStates[0].Selected =

false;

 

 

}


Even though it goes into the correct loop on debugging , always togglestate[1] is selected on page load. Please help

Thanks an dRegards,
Vaneeth
Ruby
Top achievements
Rank 1
 answered on 13 May 2013
7 answers
202 views
Hello Team,

I have a requirement like when the user try to update the appointment by dragging the appointment then it should popup a confirm box and if user clicks on ok then it should update other wise not. its just like the existing delete functionality. could you please let me know how to achieve this.

Thanks,
Ram
Boyan Dimitrov
Telerik team
 answered on 13 May 2013
3 answers
117 views
Hi,

I'm trying to generate columns dynamically in a RadGrid. I'm currently doing it in the Init() event of the page but when I do it there I get a viewstate error when posting back with filtering turned on. I found a solution that suggests generating the columns in the Page_Load() event, which works for the current issue. However, when I generate the columns from Page_Load(), I get an error message that it can't generate the column with specified type TempoGridDropDownColumn.

I tried with another custom column type and got the same error message. It seems when I generate them from Page_Load() it doesn't support custom column types. If I set EnableColumnsViewState to false I can make the grid work for displaying and adding data. However, without the view state enabled I'm unable to get the selected item into edit mode. When I click Edit Selected the grid structure is lost along with the selected item, so it can't change the item to an editable row.

So I need one of two things. I need to be able to create a custom column type dynamically from Page_Load with EnableColumnsViewState set to true, or I need to be able to edit the selected row with EnableColumnsViewState set to false. Any suggestions?

Shane
Maria Ilieva
Telerik team
 answered on 13 May 2013
0 answers
87 views
I have a RadGrid with a GridButtonColumn that I use to download files from a binary field in my database.  This project has been going on for months and this has been working perfectly.  In the ItemDataBound event I set up the button if the binary field is not null. Nothing I've done lately has been directly related to it.

However now I've implemented RadWindow popups based on your examples and this required me to change the RadAjaxManager.

Now that the grid is 'Ajaxified', I've found that the download links have suddenly stopped working.  I've traced through the server side code in both the current and older versions and there has been no difference in execution of the code.  However once it gets to the end, it looks like the browser is just hanging with that circular 'loading' icon at the bottom left hand corner.

If I cut out both Ajax Settings from the manager, the download links function normally again.

Suggestions?

The manager declaration is as follows:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" />  
                    <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadToolTipManager1" />
                </UpdatedControls>
            </telerik:AjaxSetting>

        </AjaxSettings>
    </telerik:RadAjaxManager>

OK.  I think I've solved my problem.  I found this: http://www.telerik.com/community/forums/aspnet-ajax/grid/disabling-ajax-on-gridbuttoncolumn.aspx which was enough to get me started.

I changed my GridButtonColumn to a template with a RadButton.  Then I added   <ClientEvents OnRequestStart="mngRequestStarted" /> to my RadAjaxManager.

The only thing I couldn't get to work was that JavaScript RegExp (and I rarely use Regex) so my function wound up like this.  Seems to work.  Anyone see any problems doing it this way?

function mngRequestStarted(ajaxManager, eventArgs) {        
       if (eventArgs.EventTarget.indexOf("DownloadButton") > 0) {
            eventArgs.EnableAjax = false;
      }  
}

Boris
Top achievements
Rank 1
 asked on 13 May 2013
3 answers
126 views
I have a calendar that I would like to allow users to select a range of dates, but I want them to have to hold [shift] to select a second date to define a range.

The ConsecutiveClick setting works almost like I want, except the second click should be required to be [shift]+click and the click without the shift key should always be considered as the anchor point for the subsequent [shift]+click.

I set EnableMultiSelect="true" and RangeSelectionMode="OnKeyHold", but the user can still click and select multiple dates without pressing the shift key.

Basically what I want is single select mode unless the shift key is pressed. If the shift key is pressed, then I want to allow the user to select a second date that will define a range of dates (not individual days, but consecutive days). This would mimic the default behavior of Windows.

The scenario I am envisioning goes like this:
Calendar is rendered with May 8 selected (it is today after all)
The user clicks May 17.
May 17 is selected and May 8 is deselected.
User then clicks May 27.
May 27 is selected and May 17 is deselected.
User then presses [shift] and clicks May 29.
May 27-May 29 is selected as a range.
User (still holding shift key) clicks May 31.
May 27-May 31 is selected as a range.
User (still holding shift key) clicks May 8.
May 8-May 27 is selected as a range. (Note: The date selected without the shift key being held or the default date, becomes the anchor point for all range selections and only the last [shift]+click is recognized as a date range selection)
At this point:
If the user releases shift key and clicks another date, it becomes the "anchor" and the range is deselected;
OR
If the user releases the shift key and presses it again before clicking a date, the original "anchor" date remains valid and the new [shift]+click defines the range.

I hope I've explained what I would like.

Is there some telerik-fu that I can employ to get this kind of behavior?
Keith
Top achievements
Rank 2
 answered on 13 May 2013
1 answer
60 views
Having read up on the RadGrid it seems that the RCellFormatting event is the one I need to handle to set formatting on a cell based on its value however I am using 2012.2.912.20 which does not seem to have this event.  How should I handle formatting of a data cell in this version?

This leads me to a more fundamental issue of documentation - as all documentation is online how do I know which features are available in my version and which have been added since.  I'm only a little out of date but a pretty vital item (cellformatting) appears to either not be there or implemented in a different way.
Maria Ilieva
Telerik team
 answered on 13 May 2013
3 answers
148 views
On my webform, I have a radPanelBar that contains a radComboBox with default styling.  After a RadWindow is displayed via client-side code, the TabIndex of the anchor in the RCBArrowCell gets set to 0.  The arrow can now receive the focus.  This results in having to tab twice in order to move the focus from the RadComboBox to the next control.  I am not setting the tabIndex initially or via code.  I also could not determine if this is a stylesheet being applied.

Thanks for your help.

Sean Severson
Sean Severson
Top achievements
Rank 1
 answered on 13 May 2013
13 answers
560 views
Hi,

I have a simple hierarchical grid and I am trying to add a new record with the CommandItemTemplate, a RadWindow and a little javascript but I am having trouble retrieving the DataKeyValue:

The Grid:
        <telerik:RadGrid ID="rgChanges" runat="server" AllowPaging="True" AllowSorting="True" 
            AutoGenerateColumns="False" PageSize="20" Skin="Office2007" GridLines="None"
            <HeaderContextMenu EnableTheming="True"
                <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
            </HeaderContextMenu> 
            <PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom" /> 
            <MasterTableView Width="100%" DataKeyNames="ChangeID" ClientDataKeyNames="ChangeID" 
                AllowMultiColumnSorting="True" Name="ChangesList" CommandItemDisplay="Top"
                <CommandItemTemplate> 
                    <table width="100%" class="rgCommandTable">   
                        <tr>  
                            <td>  
                                <href="#" onclick="return AddNewChange();" ><img src="../images/addnewrecord.gif" alt="" border="0" /> Add new record</a>  
                            </td>  
                            <td align="right">   
                                <asp:LinkButton ID="LinkButton1" runat="server" CommandName="RebindGrid"><img    
                                    src="../images/refresh.gif"    
                                    alt="" border="" /> Refresh</asp:LinkButton>  
                            </td>  
                        </tr>  
                    </table>  
                </CommandItemTemplate> 
                 
                 
                <DetailTables> 
                    <telerik:GridTableView DataKeyNames="ChangeTestID" ClientDataKeyNames="ChangeTestID" Name="Tests" Width="100%" CommandItemDisplay="Top"
                        <CommandItemTemplate> 
                            <table width="100%" class="rgCommandTable">   
                                <tr>  
                                    <td>  
                                        <href="#" onclick="return AddNewTest();" ><img src="../images/addnewrecord.gif" alt="" border="0" /> Add new record</a>  
                                    </td>  
                                    <td align="right">   
                                        <asp:LinkButton ID="LinkButton1" runat="server" CommandName="RebindGrid"><img    
                                            src="../images/refresh.gif"    
                                            alt="" border="" /> Refresh</asp:LinkButton>  
                                    </td>  
                                </tr>  
                            </table>  
                        </CommandItemTemplate> 
                        <RowIndicatorColumn> 
                            <HeaderStyle Width="20px" /> 
                        </RowIndicatorColumn> 
                        <ExpandCollapseColumn> 
                            <HeaderStyle Width="20px" /> 
                        </ExpandCollapseColumn> 
                        <Columns> 
                            <telerik:GridBoundColumn DataField="ChangeTestID" HeaderText="ChangeTestID:" UniqueName="ChangeTestID" 
                                Visible="false"
                            </telerik:GridBoundColumn> 
                            <telerik:GridDateTimeColumn DataField="DateOfTest" HeaderText="Date of Test:" UniqueName="DateOfTest" 
                                DataFormatString="{0:D}"
                            </telerik:GridDateTimeColumn> 
                            <telerik:GridBoundColumn DataField="TestedBy" HeaderText="Tested by:" UniqueName="TestedBy"
                            </telerik:GridBoundColumn> 
                            <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments" UniqueName="Comments"
                            </telerik:GridBoundColumn> 
                            <telerik:GridCheckBoxColumn DataField="IsSuccessful" HeaderText="Successful Test:" 
                                UniqueName="IsSuccessful"
                            </telerik:GridCheckBoxColumn> 
                        </Columns> 
                    </telerik:GridTableView> 
                </DetailTables> 
                <RowIndicatorColumn> 
                    <HeaderStyle Width="20px"></HeaderStyle> 
                </RowIndicatorColumn> 
                <ExpandCollapseColumn Visible="True"
                    <HeaderStyle Width="20px"></HeaderStyle> 
                </ExpandCollapseColumn> 
                <Columns> 
                    <telerik:GridBoundColumn DataField="ChangeID" HeaderText="ChangeID:" UniqueName="ChangeID" 
                        Visible="false"
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="ChangeTitle" HeaderText="Change Title:" UniqueName="ChangeTitle"
                    </telerik:GridBoundColumn> 
                    <telerik:GridDateTimeColumn DataField="DateOfChange" HeaderText="Date of Change:" 
                        UniqueName="DateOfChange" DataFormatString="{0:D}"
                    </telerik:GridDateTimeColumn> 
                    <telerik:GridBoundColumn DataField="Version" HeaderText="Version:" UniqueName="Version"
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="Developer" HeaderText="Developer:" UniqueName="Developer"
                    </telerik:GridBoundColumn> 
                    <telerik:GridBoundColumn DataField="Comments" HeaderText="Comments:" UniqueName="Comments"
                    </telerik:GridBoundColumn> 
                </Columns> 
            </MasterTableView> 
            <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True"
                <Selecting AllowRowSelect="True"></Selecting> 
                <Selecting AllowRowSelect="true" /> 
                <ClientEvents OnRowDblClick="RowDblClick" /> 
            </ClientSettings> 
        </telerik:RadGrid> 

Javascript:

<script type="text/javascript"
 
            function openTestEditWindow(id,changeid) { 
                var win = newWin("editTest.aspx?id=" + id + "&changeid=" + changeid, "Edit Window", 500, 750, true, refreshPage); 
            } 
 
 
            function AddNewTest(sender, eventArgs) { 
                    //Need to get parent ID here 
                    openTestEditWindow('new''ID here'); 
              } 
 
            function newWin(url, title, height, width, modal, onClose) { 
 
                var win = radopen(url); 
                win.set_height(height); 
                win.set_width(width); 
                win.set_title(title); 
                if (modal == true
                    win.set_modal(true); 
                win.center(); 
                if (onClose != undefined) 
                    win.add_close(onClose); 
                return win; 
            } 
        </script> 


Have tried various methods I have found on the forum here but I just can't seem to get this to work.
Dan
Top achievements
Rank 1
 answered on 13 May 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?