Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
99 views

I am retrieving data from database using RadGrid.  I have more columns in my RadGrid, so I need to show RadGrid horizontal scroll to keep the page from expanding but disable the vertical scroll so height of the grid should expand to always display all rows in the grid.  I got the result but there is whitespace in the bottom of the RadGrid.


My UI of the RadGrid:
-------------------------------

 <table style="table-layout: fixed;" width="100%" cellpadding="0" cellspacing="0"

        border="0">

        <tr>

            <td>

                <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="false" PagerStyle-AlwaysVisible="true"

                    CellPadding="0" CellSpacing="0" GridLines="None" Skin="Metro" CssClass="RadGrid_CBGrid"

                    HorizontalAlign="Left" AutoGenerateColumns="False" OnItemCommand="RadGrid1_ItemCommand"

                    OnDataBound="RadGrid1_DataBound">

                    <ClientSettings>

                        <Selecting CellSelectionMode="SingleCell"></Selecting>

                        <Scrolling AllowScroll="true" UseStaticHeaders="True"></Scrolling>

                    </ClientSettings>

                    <MasterTableView HierarchyLoadMode="Client" DataKeyNames="EmpID" AllowMultiColumnSorting="true"

                        Name="Parent">

                        <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

                        <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">

                        </RowIndicatorColumn>

                        <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">

                        </ExpandCollapseColumn>

                        <Columns>

                            <telerik:GridBoundColumn DataField="EmpID" EmptyDataText="NA" HeaderText="Emp ID"

                                UniqueName="EmpID">

                            </telerik:GridBoundColumn>
                          and so on......
                          -------------------
                        </Columns>

                        <EditFormSettings>

                            <EditColumn FilterControlAltText="Filter EditCommandColumn column">

                            </EditColumn>

                        </EditFormSettings>

                    </MasterTableView>

                    <FilterMenu EnableImageSprites="False">

                    </FilterMenu>

                </telerik:RadGrid>

            </td>

        </tr>

    </table>

 

 

If I changed  ClientSettings-Scrolling-AllowScroll="true" in RadGrid and <Scrolling AllowScroll="false" UseStaticHeaders="True"></Scrolling>

I got the result and there is NO whitespace in the bottom of the RadGrid BUT Horizontal scroll bar is NOT coming in my RadGrid.

 

So can anybody please give me the solution.

 

 

Thanks in Advance.

Pavlina
Telerik team
 answered on 15 Nov 2012
1 answer
284 views
is there any way to paste only plain text from HTML content on RadEditor.
When we are going to paste content of HTML  on RadEditor ,we have to filter all links and images from HTML content and only Palain text shold display on RadEditor's Content area.
any idea?
Note: With out using  PastePlainText tool


Best Regards,
Anwar

Rumen
Telerik team
 answered on 15 Nov 2012
1 answer
69 views
Hi,
         I have 3 radlistbox controls on my page. RadListBox1, RadListBox2, RadListBox3. When a user transfers from RadListBox1 or RadListBox2 they should go to the third one ( i have done it and works fine). Now, when the user puts back an item from 3 it should either go to 1 or to 2 (it depends on a condition which i should check in database). 

Can any one please tell how i can do this on the server side. basically these things should happen:

1. Stop the default transfer of the radlistbox
2. Check the condition
2. transfer depending on that condition.

Please help..Thanks



Nencho
Telerik team
 answered on 15 Nov 2012
2 answers
76 views
Hi,

I have a RadGrid with a GridTemplateColumn whose EditItemTemplate contains a DropDownList and a label control for displaying error messages. When I insert a new item and change the selection in the drop-down list, I would like to be able to update other drop-down list controls in the other columns of the grid. When editing an item, I am able to do so inside the SelectedIndexChanged event of the drop-down list control using the following code:

editedIndex = grid.EditIndexes[0];
item = grid.EditItems[editedIndex] as GridEditableItem;

list = item.FindControl("txtBox1") as DropDownList;
list.DataSource = listValues;
list.DataBind();

When inserting an item, however, grid.EditItems.Count is 0 and I don't know how to access the newly inserted line in the grid and its controls.

Could anyone point me in the right direction?
Angel Petrov
Telerik team
 answered on 15 Nov 2012
1 answer
129 views
Hi,

I've got a RadAJAXManager on my page to manage the AJAX requests and I think it's affecting how the page maintains values in internet explorer.

When the user submits the page and then hits the back button, the values of all the fields (standard asp TextBoxes) are lost.
If I disable AJAX, the values are maintained. I guess this is because the submit button is ajax'ed and the navigation is triggered during a serverside function using response.redirect? Not sure why it would work fine in other browsers though. 

Note that this only affects Internet Explorer, the other browsers keep the values with no issues. 

Any Ideas?


Thanks,
Bill
Pavlina
Telerik team
 answered on 15 Nov 2012
2 answers
135 views
Hi,
I have a radgrid which on one of its ItemCommands, it adds a new row to the database, rebinds to the grid.
When I use normal postback it works fine, but the ajaxified version does not work. 
I've looked at the http://www.telerik.com/community/forums/aspnet-ajax/grid/radgrid-not-refreshing-after-ajax-and-rebind.aspx which was not much of help for me.

Here is the aspx file:

<telerik:RadScriptManager runat="server" ID="radScriptManager1" />

<telerik:RadGrid    runat="server"
                                ID="radGrid1" 
                                AutoGenerateColumns="False"
                                EnableViewState="True"
                                OnItemCreated="radGrid1_OnItemCreated"
                                OnItemCommand="radGrid1_OnItemCommand"
                                OnNeedDataSource="lnkCopyGrade_OnNeedDataSource">
                <MasterTableView AllowFilteringByColumn="False" CommandItemDisplay="None" ClientDataKeyNames="grade_id">
                    <SortExpressions>
                        <telerik:GridSortExpression FieldName="grade_name" SortOrder="Ascending"/>
                    </SortExpressions>
                    <SortExpressions>
                        <telerik:GridSortExpression FieldName="sort_order" SortOrder="Ascending"/>
                    </SortExpressions>
                
                    <Columns>
                        <telerik:GridTemplateColumn HeaderText="" AllowFiltering="False">
                            <ItemTemplate>
                                <asp:ImageButton runat="server" ID="lnkCopyGrade" AlternateText="Copy Grade"
                                                CommandArgument='<%# DataBinder.Eval(Container.DataItem,"grade_id") %>' 
                                                CommandName="copyGrade" ImageUrl="../../../images/icons/CopyIconSmall24x24.png" ToolTip="Copy Grade"/>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn    HeaderText="Full Name" DataField="grade_name" 
                                                    AllowSorting="True" AllowFiltering="False"/>
                        <telerik:GridBoundColumn HeaderText="Sort<br>Order" DataField="sort_order" ItemStyle-HorizontalAlign="Center" AllowSorting="True" AllowFiltering="False"/>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>
        
	<telerik:RadAjaxManager ID="ajaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="radGrid1" EventName="OnItemCommand">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="radGrid1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

And here is the relevant codebehind 


	protected void radGrid1_OnItemCommand(object sender, GridCommandEventArgs e)
	    {
	        int iGradeID = RVConversion.ToInt32(e.CommandArgument);
	        string sGradeName = radGrid1.Items[e.Item.ItemIndex].Cells[(intCOLS.NAME].Text;
 
            	string sURL;
            	switch (e.CommandName)
            		{
                		case "copyGrade":
                    			CopyGrade(iGradeID);
                    		break;
            		}
	    }
 	private void CopyGrade(int gradeID)
	    {
            	//rv_copy_grade
            	var arrParams = new RVParamArrayList();
            	arrParams.addInt32Param("@gradeID", gradeID);
 
            	var result = RVDB.execCommand("rv_copy_grade", arrParams);
           	 radGrid1.Rebind();
	    }
	 protected void lnkCopyGrade_OnNeedDataSource(object sender, GridNeedDataSourceEventArgs e)
	    {
            	object o = null;
            	IRVPageData_Base_GetData(ref o, new object[] { Entity.EntityID, null });
            	var ds = (GradeDataSet)o;
 
            	DataTable table = ds.Tables[0];
 
            	const string sAccessColumnName = "access";
            	table.Columns.Add(sAccessColumnName, Type.GetType("System.Int32"));
            	RVUserMisc.AddGradeSecurityToTable(table, sAccessColumnName, this);
            	var dv = new DataView(table);
            	radGrid1.DataSource = dv;
	    }
Worth saying that at the end of
lnkCopyGrade_OnNeedDataSource database is getting updated but from the console window of the browser I can see that following exception is thrown : Uncaught Sys.WebForms.PageRequestManagerParserErrorException: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near '<!DOCTYPE html PUBLI'. Telerik.Web.UI.WebResource.axd:6
Error.create Telerik.Web.UI.WebResource.axd:6
Sys.WebForms.PageRequestManager._createPageRequestManagerParserError Telerik.Web.UI.WebResource.axd:15
Sys.WebForms.PageRequestManager._parseDelta Telerik.Web.UI.WebResource.axd:15
Sys.WebForms.PageRequestManager._onFormSubmitCompleted Telerik.Web.UI.WebResource.axd:15
(anonymous function) Telerik.Web.UI.WebResource.axd:6
(anonymous function) Telerik.Web.UI.WebResource.axd:6
Sys.Net.WebRequest.completed Telerik.Web.UI.WebResource.axd:6
_onReadyStateChange Telerik.Web.UI.WebResource.axd:6


Thanks.
Angel Petrov
Telerik team
 answered on 15 Nov 2012
2 answers
317 views
Hi,

I'm trying to override the default background color for the selected row in a grid when using the Transparent built in skin.
The simple reason is that the dfeulat selected row color is horrendous!
Anyway, to test whether i can get the selected row colour changed in my CSS file i used the following style:

.RadGrid_Transparent .rgSelectedRow td
{
    background-color: Red !important;
}

I used the red color for test purposes as this highlighted the issue a bit clearer than the light grey that i actually want to use. The color is changed in the selected row but there remains a second dark color in the selected row background which is overpowering & looks like a shading of black. I can't find a CSS or setting to remove this black shading.
Please see the attached picture.
I just want to change the default selected row colour to a light grey colour without a second colour or shade appearing.
Can anyone help with this?

regards,

Shuja
Shuja
Top achievements
Rank 1
 answered on 15 Nov 2012
1 answer
118 views
Hi,

I'm trying to create a column chart with multiple series. However, there are gaps between columns. Is there any way to remove the gap between columns? The chart in the non-html chart doesn't have the gaps.

Thanks!
Marin Bratanov
Telerik team
 answered on 15 Nov 2012
4 answers
203 views
Hello,

I am having an issue where the text displayed within the combobx is truncated when an explicit width is used and the browser is IE 8 with compatibility mode on.  Below is the RadComboBox definition and a screen print of the browser rendering.

Thanks,
Virgil


 

 

 

<telerik:RadComboBox ID="cboObjPriority" runat="server" Width="300px" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">
</telerik:RadComboBox>
  
    <script type="text/javascript">
  
  
        function OnClientSelectedIndexChanged(sender, args) {
  
            var combo = sender;
            var input = combo.get_inputDomElement();
  
            if (input.setSelectionRange) {
                input.setSelectionRange(0, 0);
            }
            else if (input.createTextRange) {
                var range = input.createTextRange();
                range.collapse(true);
                range.moveEnd('character', 0);
                range.moveStart('character', 0);
                range.select();
            }
  
        }
    </script>

Virgil Schleich
Top achievements
Rank 1
 answered on 15 Nov 2012
3 answers
212 views
Hi everyone

I have a chart with to line series (Image), with the OnClientSeriesHovered and a JS function I achieve the information of both series show and update on the table aside, but My boss want to put that table in the Tooltip:

With this code (C#), I achive this Image2:
series3.TooltipsAppearance.ClientTemplate = "Table on Tooltip
<table border=\"1\"><tr><td>Year S1</td><td>Value S1</td></tr>
<tr><td>Year S2</td><td>Value S2</td></tr></table>"
;

I try to change something like this:
<td id="R1">Year S1</td>

and whith Javascript try to change the value with:
document.getElementById('R1').innerHTML = "(value)";

But the "document.getElementById('R1')" return "NULL"

In the help Page ClientTemplate for Series Labels and Tooltips, explain how to define a Tooltip format, with a DataSource/DataBind option, so I think I may try to use this making two DataTable:
DT1:  (Value_Series1, Day, Value_Series1, Value_Series_2)
DT2:  (Value_Series2, Day, Value_Series1, Value_Series_2)

and in the code put somthing like this:
Day: #=dataItem.Day#
<table border=\"1\">
<tr><td>Year 1</td><td>#=dataItem.Value_Series1#</td></tr>
<tr><td>Year 2</td><td>#=dataItem.Value_Series2#</td></tr>
</table>


But I don't find the way to binding two DataTables, and if this will work.

Any advice?, please!
Filupa
Top achievements
Rank 1
 answered on 15 Nov 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?