Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
160 views
Hi,

We have recently updated telerik controls. Earlier We were using 2009 version. Now we updated to 2012 3.5 version. After Updating the telerik treeview controls and applying skins, there are lot of gap between two nodes. Earlier it was not like that. It was having proper gaps between two nodes. As we have around 500 nodes, Height of page is now increased and user has to scroll for getting desired node.

Can you provide us the proper skin\stylesheet which will minimize the gap between two nodes?

Thanks,
Ankit Trivedi
Princy
Top achievements
Rank 2
 answered on 08 Jan 2013
1 answer
115 views
Community,

I have a RadGrid that I define my columns. Most of them are visible and read only; however, a few are updated. I also have a few columns that are not visible. I use these in my SQL update as my primary key. When you enter the RadGrid I automatically enable edit in every row of the entire grid for the editable columns. When a user is done doing a bulk update, they click my Update All button and the following code is ran:

protected void RadGrid1_ItemCommand(object source, Telerik.Web.UI.GridCommandEventArgs e)
    {
        if (e.CommandName == "EditAll")
        {
            foreach (GridItem item in RadGrid1.MasterTableView.Items)
            {
                if (item is GridEditableItem)
                {
                    GridEditableItem editableItem = item as GridDataItem;
                    editableItem.Edit = true;
                }
            }
        }
        if (e.CommandName == "UpdateAll")
        {
            //-- foreach (GridEditableItem editedItem in RadGrid1.EditItems)
            foreach (GridDataItem dataItem in RadGrid1.MasterTableView.Items)
            {
                Hashtable newValues = new Hashtable();
                e.Item.OwnerTableView.ExtractValuesFromItem(newValues, dataItem);
                SqlDataSource1.UpdateCommand = String.Format("UPDATE MY_TABLE SET AOScan_Num='{0}', PLANNED_REMEDIATION_STATUS_ID='{1}', " +
                    "ServiceNow_Num='{2}', TICKET_CREATION_DATE='{3}' WHERE QID='{4}' AND IP='{5}' AND PORT='{6}'",
                    newValues["AOScan_Num"], 
                    newValues["PLANNED_REMEDIATION_STATUS_ID"], 
                    newValues["ServiceNow_Num"], 
                    newValues["TICKET_CREATION_DATE"],
                    dataItem["QID"].Text, 
                    dataItem["IP"].Text, 
                    Convert.ToInt32(dataItem["PORT"].Text));
                SqlDataSource1.Update();
                dataItem.Edit = false;
            }
        }
        RadGrid1.Rebind(); 
    }

The problem I am running into is, when my code executes the SQL it returns the correct values from RadGrid for each row; however, the fields that are not visible and not editable are empty instead of holding the correct value. I was hoping someone has an idea of what might be going on.

Kind Regards,

Ben
Shinu
Top achievements
Rank 2
 answered on 08 Jan 2013
1 answer
72 views

Hi there,

At the moment I am using both the auto-generated edit form and the FormTemplate for my grid.
When I use the FormTemplate I want to have the update and cancel buttons the same skin for the buttons as the ones from the auto-generated edit form.


At the moment I use the code below inside the FormTemplate for the Cancel button.
Is there a way the button does not use the ImageUrl="~/Images/Cancel.gif" property but the skin set of my project?

Regards,

Marcel

 

<asp:ImageButton ID="ibCancel"
ImageUrl="~/Images/Cancel.gif"                                              
runat="server" Text="Cancel" CausesValidation="false" CommandName="Cancel" />

Jayesh Goyani
Top achievements
Rank 2
 answered on 08 Jan 2013
1 answer
43 views

Hi there,

I am looking for a way to style the first column of my grid.
I want to have the backcolor of all the cells of the first column the same as the backcolor of the grid header depending of the skin used.

So if I use the skin 'Default' all the cells of the first column should have the backcolor of the grid header of the skin 'Default'.

Does anybody know how to do this?

Regards,

Marcel

Shinu
Top achievements
Rank 2
 answered on 08 Jan 2013
3 answers
124 views
Hi,

I got problem with asp:RequiredFieldValidator for RadEditor, but this only happen in IE (I'm using IE 9).
This is my code :

<telerik:RadEditor EditModes="Design" Height="250" Width="700" ID="txtBody" runat="server"
          ToolsFile="~/RadEditorTool.xml" Content='<%# Bind("Body") %>'>
          <CssFiles>
          <telerik:EditorCssFile Value="~/Styles/EditorContentArea.css" />
          </CssFiles>
</telerik:RadEditor>
<asp:RequiredFieldValidator ID="reqtxtBody" runat="server" ControlToValidate="txtBody"
           CssClass="FieldValidator" ErrorMessage="Body has to be set" ValidationGroup="save">
           <asp:Image ID="Image3" runat="server" AlternateText="error" ImageUrl="~/Images/exclamation12x12.gif"
           Width="12" Height="12" />
</asp:RequiredFieldValidator>

The validator doesn't work.
It seems like the ID "txtBody" is not attributed to the RadEditor. But I'm not sure.
Can you help me?

Regards,
Pungkas
Princy
Top achievements
Rank 2
 answered on 08 Jan 2013
3 answers
139 views
Hi,

For some reason, IE will not display my autocomplete with the DropDownHeight that I specify for my RadAutocompleteBox.
The DropDownWidth works just fine but the height does not at all.

I have set the Dropdownheight to "100" and I expect that when I type in something that results in a lot of suggestion items, The suggestions list will be 100px tall with a scrollbar in the control itself. But what is happening is that the suggestions list is just one tall list with no scrollbar and instead the scrollbar appears for the entire browser's client area

In the code behind, if I read the value of the  DropDownHeight property of the control it returns 100px which is what I expect, but for some reason the rendering is not honoring that value :(

I have checked that I have no css overriding any of the a RadAutoCompleteBox properties so I am not sure where to go next. 
FYI: here is the code snippet for my autocomplete box which is basically a straight copy from one of the demo pages on telerik.

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox3"
                runat="server"
                Width="400"
                DropDownWidth="100"
                DropDownHeight="100"
                DataSourceID="SqlDataSource1"
                DataTextField="State_Name">
            </telerik:RadAutoCompleteBox>

Any pointers or suggestions on how to get to the bottom of this and fix it will be highly appreciated

Thanks
mqsash
Top achievements
Rank 1
 answered on 07 Jan 2013
2 answers
65 views
I am using paired ListBox objects.  When an item is transferred from one to the other, the item row where the transferred item is moved from remains highlighted.  Assume three items in the left ListBox and none in the right.  Click on the top item in the left list box and transfer it to the right.  The result is two items in the left ListBox and one in the right, as expected.  What is unexpected is that the top item in the left ListBox is now highlighted.  I have tried to address the issue in the OnClientTransferred handler with the following:

 sourceBox.clearSelection();
destinationBox.clearSelection();
for (i = 0; i < sourceBox.get_items().get_count(); i++)
{
        var item = sourceBox.getItem(i);
        item.unselect();
        item._unhighlight();
}

That did not resolve the issue.  The following is the tag used to declare the RadListBox:

<telerik:RadListBox ID="lstUnassignedSecurity" runat="server" Width="210px" Height="150px" AutoPostBack="false" 
SelectionMode="Multiple" AllowTransfer="true" TransferToID="lstAssignedSecurity" AutoPostBackOnTransfer="False"
EnableDragAndDrop="true" OnClientTransferred="listTransferring" ButtonSettings-ShowTransferAll="false">
    <Items>
    </Items>
</telerik:RadListBox>.
Bruce
Top achievements
Rank 1
 answered on 07 Jan 2013
1 answer
189 views
Hi 

I have a strange problem with the Gridcheckboxcolumn the row in edit mode (edit in place) . 
For at least one client using Chrome Browser (v 23.0) ,or on IE9, on a PC, the checkbox cannot be toggled. It ignores all clicks! 
All the other fields on the edit form work fine however.

On my Machine (a mac) using Chrome browser of the same vintage (or safari or IE or firefox), there is no issue
with the checkbox column. Checkbox can be toggled as expected.

Can someone give me pointer as to how to address this? I am baffled.

The column is like this:

<telerik:GridCheckBoxColumn DataField="PayOnline" DataType="System.Boolean"
            HeaderText="PayOnline" SortExpression="PayOnline" UniqueName="PayOnline">
            <HeaderStyle Width="30px" />
        </telerik:GridCheckBoxColumn>

I am using Q2 2010 . Site is running on Windows Server 2008 R2 with ASP.NET 4.0

Thanks for help!

Clive
Clive Hoggar
Top achievements
Rank 1
 answered on 07 Jan 2013
2 answers
75 views
Hello, I'm using the following example in the demos (Specifically the server side automatic one using VB code):

http://demos.telerik.com/aspnet-ajax/combobox/examples/populatingwithdata/autocompletesql/defaultcs.aspx

I would like to be able to display/enable a button that is triggered when no match is found for what you have entered, that button would allow you to insert a new row into my table of items bound to the combobox using the text currently typed in the entry section of the combobox.

Are there any examples you can provide of how to do this?


Brock
Top achievements
Rank 1
 answered on 07 Jan 2013
1 answer
111 views

I have a RadChart that will always contain 365 plot points. Each plot points represents a dollar value for a day. The last point being today and the first point being 365 days ago.

I bind a list of a simple object containing properties for Dollar and DateTime to the radgrid.

What I'm trying to figure out is how to display a X-Axis Tick line and Label for the point corresponding to the first of every month.

See my screenshot below with point ranging from Apr 22, 2011 to Apr 21, 2012. The result I am looking for is in purple (Note that I didn't draw out all of the labels, just enough to give an idea):

Link To Screen Shot
Petar Kirov
Telerik team
 answered on 07 Jan 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?