Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
73 views
I would really like to see the ASP team to give us some controls/framework to build ASP apps that *Look* & feel like Win8 UI. They don't need to be touch sensitive or slide but more of a look. like this:
https://www.sellsbrothers.com/posts/Image/92

Any thoughts?

Thanks and Happy N.Y.!
Bozhidar
Telerik team
 answered on 03 Jan 2012
2 answers
203 views
Hi Team,
                  I'm using Telerik Rad Grid in my application, in which i'm facing an issue. I'm having an editing option in the grid in Double click event, here is the code. While I'm double click, it suppose to come to "RadGrid1_ItemDataBound" event, but its not firing the above event, instead off the grid is hiding

Find the Attached screenshots:
Page1.jpg ---> It is displaying the Grid with data.
Page2.jpg ---> When i double click on the row, then the grid is hiding and the "RadGrid1_ItemDataBound" Event is not firing.

Below is the Code for your reference
########################################################################################################
<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" EnableEmbeddedSkins="True"
                                            AllowSorting="True" OnDeleteCommand="RadGrid1_DeleteCommand" AutoGenerateColumns="False"
                                            Width="340px" OnItemDataBound="RadGrid1_ItemDataBound" AllowAutomaticUpdates="false"
                                            AllowAutomaticInserts="false" AllowFilteringByColumn="false">
                                            <MasterTableView DataKeyNames="RowNum,Option" EditMode="InPlace" GridLines="None" Width="100%" 
                                                    NoMasterRecordsText="No data fields to display.."
                                                HeaderStyle-HorizontalAlign="Center">
                                                <Columns>
                                                    <telerik:GridBoundColumn ReadOnly="true" DataField="RowNum" Visible="false" HeaderText="RowNum"
                                                        UniqueName="RowNum">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn ReadOnly="true" DataField="Option" HeaderText="Option" UniqueName="Option">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn ReadOnly="true" Visible="true" DataField="Values" HeaderText="Values"
                                                        UniqueName="Values">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn ReadOnly="true" HeaderText="ValuesWithCap" DataField="ValuesWithCap" UniqueName="ValuesWithCap" Visible="false">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridBoundColumn ReadOnly="true" HeaderText="Range Name" DataField ="RangeName" UniqueName="RangeName" Visible="true">
                                                    </telerik:GridBoundColumn>
                                                    <telerik:GridButtonColumn CommandName="Delete" HeaderText="Delete" ButtonType="ImageButton"
                                                        ImageUrl="~/Images/btn/btn_delete.gif" UniqueName="Delete">
                                                    </telerik:GridButtonColumn>
                                                </Columns>
                                            </MasterTableView>
                                            <ClientSettings>
                                                <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick" OnGridCreated="GridCreated"
                                                    OnCommand="GridCommand" />
                                            </ClientSettings>
                                        </telerik:RadGrid>





 <script type="text/javascript">
        
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
            
            function EndRequestHandler(sender, args) {
                if (args.get_error() != undefined) {
                        args.set_errorHandled(true);
                        location.reload(true);
                   
                }
            } 


            var hasChanges = false, inputs, dropdowns, editedRow;


            function TrackChanges(e) {
                hasChanges = true;
            }


            
            function RowClick(sender, eventArgs) {


                if (editedRow != null) {
                    hasChanges = false;
                    $find("<%= RadGrid1.MasterTableView.ClientID %>").updateItem(editedRow);
                }
            }
            function RowDblClick(sender, eventArgs) {
                editedRow = eventArgs.get_itemIndexHierarchical();
                    $find("<%= RadGrid1.MasterTableView.ClientID %>").editItem(editedRow);
            }
            function GridCommand(sender, args) {
                if (args.get_commandName() != "Edit") {
                    editedRow = null;
                }
            }
            function GridCreated(sender, eventArgs) {


                var gridElement = sender.get_element();
                var elementsToUse = [];
                inputs = gridElement.getElementsByTagName("input");
                for (var i = 0; i < inputs.length; i++) {
                    var lowerType = inputs[i].type.toLowerCase();
                    if (lowerType == "hidden" || lowerType == "button") {
                        continue;
                    }


                    Array.add(elementsToUse, inputs[i]);
                    inputs[i].onchange = TrackChanges;
                }


                dropdowns = gridElement.getElementsByTagName("select");
                for (var i = 0; i < dropdowns.length; i++) {
                    dropdowns[i].onchange = TrackChanges;
                }


                setTimeout(function() { if (elementsToUse[0]) elementsToUse[0].focus(); }, 100);
            }


        </script>


protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
    {
        DataRowView rowView = (DataRowView)e.Item.DataItem;
        if (e.Item is GridDataItem && e.Item.IsInEditMode)
        {
            int index = e.Item.ItemIndex;
            DataTable dt;
            string uniqueValues = string.Empty;
            ArrayList arrValues = new ArrayList();
            if (Session["RangeList"] != null)
            {
                dt = (DataTable)Session["RangeList"];
                DataRow dr = dt.Rows[index];
                this.txtRangeName.Text = dr["RangeName"].ToString();
                this.RCBOptions.SelectedValue = dr["OptionIndex"].ToString();
                uniqueValues = dr["ValuesWithCap"].ToString();
                this.hdnTempRangeId.Value = index.ToString();
                ViewState["hdnTempRangeId"] = index.ToString();
                arrValues.Add(uniqueValues.Split('^'));
                for (int i = 0; i < ((string[])(arrValues[0])).Count(); i++)
                {
                    RadListBoxItem lst = new RadListBoxItem();
                    lst.Text = ((string[])(arrValues[0]))[i].ToString();
                    lst.Value = ((string[])(arrValues[0]))[i].ToString();
                    UsrSelectedValueListBox.Items.Add(lst);
                }
                RadGrid1.DataSource = dt;
                RadGrid1.DataBind();
            }
        }
    }


Please give us a good solution for this issue ASAP. We need it urgently...

Thanks
Alexis
Alexis
Top achievements
Rank 1
 answered on 03 Jan 2012
4 answers
225 views
Hi all,
Can u avoid every time page is loaded when the radwindow is open or close?
please let me know
Princy
Top achievements
Rank 2
 answered on 03 Jan 2012
1 answer
168 views

Hi every body
I'm currently working with control RadGrid, my module I have 4 RadGrid, one of them has hierarchy, and when I want to work with the last RadGrid Control, it does not work, because when I press a icon from a column that  call a itemcommand event don't work it, don't make anything, i have the next code:

<telerik:RadGrid ID="grdInvitacionPos" runat="server" Skin="Windows7"
AutoGenerateColumns="False" Width="700px"
OnItemCommand="grdInvitacionPos_ItemComm">
<MasterTableView>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="chkEnviar" runat="server" CausesValidation="false" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="Compania"
HeaderStyle-HorizontalAlign="Center" HeaderText="Compañia">
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Nombre"
HeaderStyle-HorizontalAlign="Center" HeaderText="Nombre">
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="TipodeParticipante"
HeaderStyle-HorizontalAlign="Center" HeaderText="Tipo de Participante">
<HeaderStyle HorizontalAlign="Center" />
</telerik:GridBoundColumn>
<telerik:GridTemplateColumn HeaderText="Editar Correo">
<ItemTemplate>
<asp:ImageButton ID="send" runat="server" CommandName="Enviar" CausesValidation="false"
ImageUrl="~/images/DOER_IMAGES/delete.gif" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
<EditFormSettings>
<EditColumn FilterControlAltText="Filter EditCommandColumn column">
</EditColumn>
</EditFormSettings>
</MasterTableView>
<FilterMenu EnableImageSprites="False">
</FilterMenu>
</telerik:RadGrid>




protected void grdInvitacionPos_ItemComm(object sender, GridCommandEventArgs e)
        {            
            GlobalNotify.Text = "item command";
            GlobalNotify.Show();
        }

I hope you can help me

Thak you for your attention

Good Day

Shinu
Top achievements
Rank 2
 answered on 03 Jan 2012
0 answers
127 views
Hi,

Question:
How to show update progress(image) in asp:wizard control?

I have following scenario:
In a content page, I have Wizard control, which contains user controls in the steps.
I want to show update progress in each steps of the wizard.
Which control is suitable for this purpose? e.g. asp:Updatepanel with radajaxloadingpanel or RADAJAXPanel with radajaxloadingpanel?
And can you please provide me example?

Best Regards,
Damodar
Damodar
Top achievements
Rank 1
 asked on 03 Jan 2012
1 answer
85 views

Hi,

We need to hide the GroupExpandCollapse column for groping with RadGrid.

We tried following two ways -

1) Set AllowGroupExpandCollapse="false" in client setting.

2) Add ExpandCollapseColumn and set visible= "false"

But both are not working.

Please let us know how to hide the GroupExpandCollapse column for groping with RadGrid.

Regards,

Shirish

Shinu
Top achievements
Rank 2
 answered on 03 Jan 2012
1 answer
360 views
Hello Telerik,

I am using the RadWindow for displaying some RadConfirms, but the coding doesn't seem to support \r or \n.

<telerik:RadWindowManager runat="server" ID="RadWindowManager1" EnableShadow="true"  />

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
//![CDATA[
var myName = myMasterTable.get_selectedItems()[0].getDataKeyValue( 'Name' );
var myPrompt = "Are you sure you want to delete this program?\r\n\r\n";
alert( myPrompt + myName );
radconfirm(myPrompt + myName, ConfirmProgramDeleteCallBackFn, 330, 100, null, 'Delete Program?' );

The "alert" shows fine, with "myName" being a spaced below the "myPrompt", but not the RadWindow the "myName" value appears after the "...program?", no linefeeds. Does it have to be coded some different way?

Thanks!
SDI


Princy
Top achievements
Rank 2
 answered on 03 Jan 2012
2 answers
100 views
Hello!
I have questions.

Q1. RadEditor is distorted when I set height to 300.  (Please refer to 'editor.jpg')
How can I fix it?

Q2. I want to use custom css. So I changed from Editor.Default.css to Editor.DefaultCustom.css
But when I applied it, icon disappeared. (Refer to 'editor_disappearicon.jpg')
What's wrong?
Here is part of my css.
.DefaultCustom.RadEditor
{
    background-color: #ececec;
} 
/* reWrapper */
.DefaultCustom.reWrapper
{
    border: solid 1px #828282;
} 
.DefaultCustom.RadEditor .reContentCell
{
    border: solid 1px #828282;
}
 /* common settings for .reModule, .reEditorModes and .reWrapper */
.DefaultCustom.reColorPicker,
.DefaultCustom.reInsertTable,
.DefaultCustom.reDropDownBody,
.DefaultCustom.reCustomLinks a:hover
{
    border: solid 1px #828282;
}
Hee
Top achievements
Rank 1
 answered on 03 Jan 2012
1 answer
81 views
Hello Everyone,

I see there is a way to check the total file size that is being transferred from all files. But I am looking for some validation on the onclientfileselected method. Is there a way to check the file size of just the file that is just been selected so I can display a validation message if it exceeds 3mb?

-Chris
Shinu
Top achievements
Rank 2
 answered on 03 Jan 2012
4 answers
117 views
I have a grid Control where I have a client side ajax handler on a row click... but also in the row i have 2 controls which are buttons (LinkButtons) which calls a different method and I do not want the ajax handler on those.

The problem i'm having is that the row click always trigger the client side ajax... even if I've only clicked on the button controls.

I was able to get the behaviour I want with a different button (Image)
Here's the code to demonstrate the problem

<ClientSettings>
    <Selecting AllowRowSelect="True" />
    <Scrolling AllowScroll="True" UseStaticHeaders="True" />
    <ClientEvents OnRowClick="SelectShoppingList_RowClick" /> <% This triggers an Ajax Call on Row Click %>
</ClientSettings>
<MasterTableView DataKeyNames="Account_ID, List_ID" ClientDataKeyNames="Account_ID, List_ID">
    <Columns>
        <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="SelectList" CommandArgument="Account_ID, List_ID"
            ImageUrl="../Images/btSelectCharcoal.gif" Visible="false" UniqueName="SelectColumn">
        </telerik:GridButtonColumn>
        <telerik:GridTemplateColumn UniqueName="TemplateColumn" ItemStyle-Width="400px">
            <ItemTemplate>
                <asp:Label ID="lblTemplateName" runat="server" CssClass="slListName"> <%# DataBinder.Eval(Container.DataItem, "List_Name")%></asp:Label><br />
                <asp:Label ID="lblLastUpdated" runat="server" CssClass="slDetailLine"> <%# DataBinder.Eval(Container.DataItem, "Detail_Line")%></asp:Label>
            </ItemTemplate>
        </telerik:GridTemplateColumn>
        <telerik:GridBoundColumn UniqueName="ItemsColumn" DataField="Item_Count_Display"
            ItemStyle-Width="80px" ItemStyle-CssClass="slItemCount">
        </telerik:GridBoundColumn>
        <telerik:GridTemplateColumn UniqueName="CommandsColumn">
            <ItemTemplate>
                <telerik:RadButton ID="btnRename" runat="server" CommandName="RenameList" CommandArgument="Account_ID, List_ID"
                    Text="Rename" UniqueName="RenameColumn" ButtonType="LinkButton" BorderWidth="0"
                    Font-Underline="true" BackColor="#063648" ForeColor="White">
                </telerik:RadButton> <%OnClick on this button always triggers the Ajax Call which I do not want %>
                <br />
                <telerik:RadButton ID="btnDelete" runat="server" CommandName="DeleteList" CommandArgument="Account_ID, List_ID"
                    Text="Delete" UniqueName="DeleteColumn" ButtonType="LinkButton" BorderWidth="0"
                    Font-Underline="true" BackColor="#063648" ForeColor="White">
                </telerik:RadButton><%OnClick on this button always triggers the Ajax Call which I do not want %>
 
                <telerik:RadButton ID="btnCancel" runat="server" Width="72"
                    Height="31">
                    <Image ImageUrl="../Images/btCancelCharcoal.gif" />
                </telerik:RadButton><% This button does not trigger the AJAX call which is what i want%>
 
            </ItemTemplate>
        </telerik:GridTemplateColumn>
        <telerik:GridButtonColumn FilterControlAltText="Filter DeleteCol column" UniqueName="DeleteCol"
            ButtonType="ImageButton" CommandName="DeleteItemFromShoppingList" CommandArgument="Account_ID,List_ID"
            ConfirmText="Are you sure you want to delete this item from the list ?" ConfirmTitle="Delete List"
            ImageUrl="..\Images\icoDeleteRedX.gif" ItemStyle-HorizontalAlign="Left"> ><% Similarly This button does not trigger the AJAX call which is what i want%>
        </telerik:GridButtonColumn>
    </Columns>
</MasterTableView>



Why Can't i have the same rowclick to be ignored on the LinkButtons as I have in the Image Buttons?

Thanks

Gotcha
Top achievements
Rank 1
 answered on 03 Jan 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?