Questions on UI for ASP.NET AJAX Forum

2 answers

838 views

Text wrapping required in RadGrid-GridBoundColumn

Hi Team,

I have a requirement in my application that, please check the scenario explained below.

Scenario1: if the no.of records in a grid are less than 10, grid height is fit to that size (no.of records). If the records count is more than 10 is pagination is required. Horizonatal scroll is required in both cases.

Solutions requierd:

1. If i used the property AllowScroll="True", Style="overflow: hidden" in ClientSettings, then fixed height is taking for the grid.Horizontal scroll is coming proprly. But our requirement is, height should be fixed to records count (explained in scenario1).
2. If i am not using the AllowScroll="True", Style="overflow: hidden" in ClientSettings in page, page size is fiiting to no.of records but horizontal scroll bar is not coming. so other columns are missing.
3. if i used the only property Style="overflow: scroll", then both functionalites are satistifying, but some border is coming to the grid and columns. if you drag the horizontal scroll slowly, some line are coming. please refer the attached screen shot for reference.
4. I want to display the entire column data that cell (text-wrapping is reqiuired). ex. if there are 300 characters, all should show in wrap mode, but should not increase the column size to 300 or cut of text.

Please suggest me the solution for this.

Regards,
Chandrababu Nambi.

Grid

answered on 12 Apr 2016

1 answer

124 views

Issues with combination of Jquery and Telerik Scripts

Dear Telerik team,

I am developing MVC web site. I am using telerik (grid in existing views) and Kendo(combobox in new view). In _layouts page Jquery-1.7.1.min.js was referenced.

Grid is working. but If I changed reference from JQuery-1.7.1 to Jquery.min.js file getting script issues like version not supported like that.

If I use JQuery-1.7.1 only then KendoComboBox is undefined.

If I use both 2012.2.607/JQuery-1.7.1(_layouts) and Kendo/Jquery.min.js(view) then nothing is working.

Please help me how to resolve these issues. Please suggest good approach.

Ajax

answered on 12 Apr 2016

1 answer

88 views

Grid width when exporting to pdf

Hello,

I want to export a grid whose width exceeds the width of a A4 in landscape. The last right column is cut in the middle and the right margin has disappeared. It's

very ugly.

Is there a standard solution or configuration to export correctly the grid i.e. that the last column is not exported because it is not complete ? or must I that completly program...

or it is possible at least to Keep the right margin even if the column is cut ?

Thanks in advance.

Sébastien

Grid

answered on 12 Apr 2016

1 answer

97 views

Appointment Content Rendering differently

I just upgrade to 2016.1.225 (Feb 25, 2016) and I'm having a problem with legacy code that used a client side template to add some more information to the appointment.

This is how the appointment div was rendered before.

<div class="rsAptContent" style="">

Anthony Lee, Jr.<span class="apptDate "> - 1:30 PM</span>

<div class="apptDescription"> - Civil</div>

<a href="#" class="rsAptDelete" style="visibility: hidden;">delete</a>

</div>

This is how it renders now in release 2016.1.225 (Feb 25, 2016)

<div class="rsAptContent" style="">DAP Clinic Salisbury 10-1 Ann Shaw</div>

<span class="apptDate "> - 9:30 AM</span><div class="apptDescription"></div>

<a href="#" class="rsAptDelete" style="visibility: hidden;" title="delete"><span class="rsIcon rsIconDelete"></span></a>

<span class="rsAptResize rsAptResizeStart"></span>

<span class="rsAptResize rsAptResizeEnd"></span>

The rsAptDelete link is not inside of the appointment content div.

I got this code from Telerik to modify the appointment content.

function OnClientDataBound(scheduler) {

var $ = jQuery;

// using templates to create the subject & date on the appointment

$(".rsAptDelete").each(function () {

var apt = scheduler.getAppointmentFromDomElement(this);

// creating an object containing the data that should be applied on the template

var descValue = { Description: apt.get_description() };

var startValue = { Start: apt.get_start().format('h:mm tt') };

if (descValue.Description.indexOf('Cambridge') != -1)

apt.set_cssClass('rsCategoryYellow');

// instantiate the template, populate it and insert before the delete handler (".rsAptDelete")

$("#tmplAppDate").tmpl(startValue).insertBefore(this);

$("#tmplAppDescription").tmpl(descValue).insertBefore(this);

});

}

Not sure how to get this working now.

Scheduler

answered on 12 Apr 2016

1 answer

241 views

'Filter' Button

I made a simple grid (using control) and have a that filters details on the grid based on the item selected item in the combo box

Here's what have on the client side for the

<label for ="Label1">Select One:</label>

<telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="SqlDataSource2" DataTextField="GroupCompany" DataValueField="GroupCompany" AutoPostBack ="true" AppendDataBoundItems ="true" >

<Items><telerik:RadComboBoxItem Text=" " Value=" " Selected ="true" /></Items>

</telerik:RadComboBox>

<asp:SqlDataSource runat="server" ID="SqlDataSource2" ConnectionString='<%$ ConnectionStrings:SiteSqlServer %>' SelectCommand="SELECT * FROM [Table-GroupCompany]"></asp:SqlDataSource>

<br />

The grid uses a different source (SqlDataSrouce1) just for everyone's reference. I used the demo for using Combobox as filter for RadGrid

How do make a button that will execute the filter functionality that the makes?

I couldn't follow nor find the demo for making a filter button (because perhaps it's too much spoon feeding :p) I appreciate any help possible.

Thank you!

ComboBox

answered on 12 Apr 2016

1 answer

599 views

Radgrid filtering not working - urgent

Dear all,

I have enabled filtering in my grid, and out 8 column one only is having drop down filter where other are regular filtering.

Issue I'm facing is

I selected the drop down value first it works fine later I selected the regular filter column which filters the grid without taking the previous filter condition given my drop down .

How to fix this issue bit URGENT someone please respondH

WWith thanks

Amjath

Grid

answered on 12 Apr 2016

1 answer

346 views

customValidator with ClientValidationFunction doesn't fire when i clicked on "Next"

Hello,

I have a problem, the customValidator with ClientValidationFunction (Client side) doesn't fire when I go to the next step.

If I use OnServerValidate in my CustomValidator, it's fire.

My RadWizardStep contains a radgrid and the customvalidator.

here is my code:

VB:

<telerik:RadWizardStep Title="Client" StepType="Step" ValidationGroup="RequireClient" CausesValidation="true">
<asp:CustomValidator ID="cvRequireClientStep" ClientValidationFunction="validerWizardClient"
EnableClientScript="true" ErrorMessage="" runat="server" ValidationGroup="RequireClient"/>
<telerik:RadGrid ID="rgWizardWekClient" runat="server" AllowPaging="true" PageSize="20"
CellSpacing="0" AutoGenerateColumns="false" AllowFilteringByColumn="True"
OnNeedDataSource="rgWizardWekClient_NeedDataSource"
CssClass="radGridStyle" GridLines="None">
<GroupingSettings CaseSensitive="false" />
<ClientSettings ReorderColumnsOnClient="True">
<Scrolling AllowScroll="True" SaveScrollPosition="true"
UseStaticHeaders="True" />
<Selecting AllowRowSelect="True"/>
</ClientSettings>
<MasterTableView AllowFilteringByColumn="True" DataKeyNames="kun_kunid">
<Columns>
<telerik:GridBoundColumn DataField="kun_kunnr" HeaderStyle-HorizontalAlign="Center" HeaderText="N°" UniqueName="Numero"
FilterControlWidth="80px" ShowFilterIcon="false" AutoPostBackOnFilter="true" CurrentFilterFunction="EqualTo" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="per_name1" HeaderStyle-HorizontalAlign="Center" HeaderText="Nom" UniqueName="Nom"
FilterControlWidth="80px" ShowFilterIcon="false" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" >
</telerik:GridBoundColumn>
<telerik:GridBoundColumn DataField="Adresse" HeaderStyle-HorizontalAlign="Center" HeaderText="Adresse" UniqueName="Adresse"
FilterControlWidth="80px" ShowFilterIcon="false" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" >
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</telerik:RadWizardStep>

JS:

function validerWizardClient(sender, eventArgs){
var rgClientWep = $find("<%= rgWizardWekClient.ClientID %>");
var masterTableView = rgClientWep.get_masterTableView();
var selectedItems = masterTableView.get_selectedItems();
eventArgs.IsValid = false;
if (selectedItems.length == 1) {
eventArgs.IsValid = true;
}
}

Thanks to spend time for me :)

Wizard

answered on 12 Apr 2016

1 answer

142 views

Cant access edit form controls in page_load

I am trying to access the controls in page load of a inline edit form but i cannot see them using the standard method it is

01.<telerik:RadGrid ID="rgNotes" runat="server" GroupPanelPosition="Top">

02. <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>

03. <MasterTableView NoDetailRecordsText="No notes for this Appointment" AutoGenerateColumns="False" CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Add Notes" AllowAutomaticInserts="true" EditMode="PopUp">

04. <Columns>

05. <telerik:GridEditCommandColumn UniqueName="EditCommandColumn">

06. </telerik:GridEditCommandColumn>

07. <telerik:GridBoundColumn DataField="Subject" FilterControlAltText="Filter Subject column" HeaderText="subject" ReadOnly="True" SortExpression="Subject" UniqueName="Subject">

08. </telerik:GridBoundColumn>

09. </Columns>

10.

11. <EditFormSettings EditFormType="Template" InsertCaption="Add new Note">

12. <FormTemplate>

13. Subject

14. <p>

15. <telerik:RadTextBox ID="txtSubjectNotes" Width="200px" runat="server"></telerik:RadTextBox>

16. </p>

17. <p>

18. </p>

19.

20. <telerik:RadButton ID="rdSaveNotes" OnClick="rdSaveNotes_Click" Skin="Bootstrap" BackColor="#512479" ForeColor="White" runat="server" Text="Save Notes"></telerik:RadButton>

21. <telerik:RadButton ID="rdCancel" OnClick="rdCancel_Click1" CommandName="Cancel" Skin="Bootstrap" BackColor="#512479" ForeColor="White" runat="server" Text="Cancel"></telerik:RadButton>

22. </FormTemplate>

23. </EditFormSettings>

24. </MasterTableView>

25. <ClientSettings>

26. <ClientEvents OnPopUpShowing="PopUpShowing" />

27. <Selecting AllowRowSelect="true" />

28. </ClientSettings>

29. </telerik:RadGrid>

Grid

answered on 12 Apr 2016

7 answers

511 views

SelectedDateChanged in RadDateTimePicker

I have a RadDateTimePicker in the web page, the code below, when typing date in RadDateTimePicker. the event handler has been fired, but when picking up the date in calender. event handler not been fired ,

I don't know why?
Thanks

<telerik:RadDateTimePicker ID="formExten_AuthEndDate" runat="server" AutoPostBack ="true" >

</telerik:RadDateTimePicker>

Private Sub formExten_AuthEndDate_SelectedDateChanged(ByVal sender As Object, ByVal e As Telerik.Web.UI.Calendar.SelectedDateChangedEventArgs) Handles formExten_AuthEndDate.SelectedDateChanged
''''''''''