Questions on UI for ASP.NET AJAX Forum

2 answers

236 views

How to get the height of an individual row?

I have a RadGrid which can wrap the text in cells. The end result is that some rows are one line high while others are taller. How can I determine, server-side, the height of a given row?

Grid

answered on 09 Dec 2016

2 answers

144 views

export to pdf of table not showing

I have gridview of a table so I can export it.
if I can export off of some other item like a panel - that may help.
anyhow my grid has html and I put a single plain text at top to test and when I export to pdf - only that text shows.
when I export to word - everything shows (properly)

is there a command I need to do to tell pdf to use html table?

Grid

answered on 09 Dec 2016

0 answers

212 views

Applying Bootstrap styling to an older Telerik RadGrid?

Is it possible to apply Bootstrap styling to a version '2013.3.1324.40' RadGrid?

(Please don't discuss upgrades. It's just not politically possible at this time.)

Grid

asked on 09 Dec 2016

1 answer

162 views

Grouping in RadListView Keeps Giving

Hi,

I have a site where I display a list of available Camps that the users can register for. What I would like to do is group them by "CampStartDate". I have the code below but no matter how I try to group, I always get the error "The RadListView control does not have an item placeholder specified."

<telerik:RadListView ID="RadListView1" ItemPlaceholderID="DataGroupPlaceHolder2" DataGroups="CampStartDate" GroupPlaceholderID="DataGroupPlaceHolder1" runat="server" DataKeyNames="CampId" Skin="Bootstrap" OnSelectedIndexChanged="RadListView1_SelectedIndexChanged">
<LayoutTemplate>
<asp:Panel ID="CampHolder" runat="server">
</asp:Panel>
</LayoutTemplate>
<GroupTemplate>
<div class="vc_row wpb_row vc_inner vc_row-fluid">
<asp:PlaceHolder ID="CampsHolder" runat="server"></asp:PlaceHolder>
</div>
</GroupTemplate>
<ItemTemplate>
<div class="rlvI vc_col-sm-4 wpb_column vc_column_container ">
<asp:Label ID="CampNameLabel" CssClass="camptitle" runat="server" Text='<%# "Camp: " + Eval("CampName") %>' />
<br /><br />
<strong>Start Date:</strong> <asp:Label ID="CampStartDateLabel" runat="server" Text='<%# Eval("CampStartDate", "{0:D}") %>' />
</div>
</ItemTemplate>
<AlternatingItemTemplate>
<div class="rlvA vc_col-sm-4 wpb_column vc_column_container ">
<asp:Label ID="CampNameLabel" CssClass="camptitle" runat="server" Text='<%# "Camp: " + Eval("CampName") %>' />
<br /><br />
<strong>Start Date:</strong> <asp:Label ID="CampStartDateLabel" runat="server" Text='<%# Eval("CampStartDate", "{0:D}") %>' />
</div>
</AlternatingItemTemplate>
<EmptyDataTemplate>
<div class="RadListView RadListView_Bootstrap">
<div class="rlvEmpty">
There are no camps to be displayed.</div>

</div>
</EmptyDataTemplate>
<ValidationSettings EnableModelValidation="False" EnableValidation="False" />
<DataGroups>
<telerik:ListViewDataGroup GroupField="CampStartDate" DataGroupPlaceholderID="DataGroupPlaceHolder1"
SortOrder="Ascending">
<DataGroupTemplate>
<asp:Panel runat="server" ID="Panel4" GroupingText='<%# (Container as RadListViewDataGroupItem).DataGroupKey %>'>
<asp:PlaceHolder runat="server" ID="DataGroupPlaceHolder2"></asp:PlaceHolder>
</asp:Panel>
</DataGroupTemplate>
</telerik:ListViewDataGroup>
</DataGroups>
</telerik:RadListView>

ListView

answered on 09 Dec 2016

2 answers

104 views

[Solved] Do a post back with keyboard navigation

Hi,

My application requires to have grid navigation with up/down arrow keys and this is working, however, changing the selected row does not generates

raises the SelectedIndexChanged in the server side which I need to execute some other code to populate a panel with other information. The SelectedIndexChanged is only raised if a row is selected with a mouse click, and I need it to happen when changing the selected row with the arrow keys.

How do I need to configure the Grid to support this behavior?

Grid

answered on 09 Dec 2016

3 answers

692 views

[Solved] RadGrid DataBinding Best Practices for large datasets

Hey I have a RadGrid that pulls information from the database and I'm using my NeedDataSource Event to pull the data from the DB, make a few tweaks and assign it to my RadGrid DataSource property. We're using the default paging,sorting, etc and what happens when a user moves to the next page is that the NeedDataSource even is fired again and my data starts pulling from the database again and goes through the same process and it just went for no apparent reason. Is there a way to use the existing DataSource that is already in the RadGrid ? For Reference I'm using Telerik.Web.UI Version 2013.1.403.35

Thanks

Grid

answered on 09 Dec 2016

4 answers

695 views

Grid with DropDownList datasource Select parameter issue

Hello,

I thought this would be straight-forward, and maybe it is -- I am probably missing something obvious. I have a RadGrid that has DropDownList inside a GridTemplateColumn.

<telerik:RadGrid ID="RadGridTestsInstruments" runat="server"

DataSourceID="SqlDataSourceTestsInstruments"

AutoGenerateColumns="False"

AllowSorting="True"

Height="220px"

Width="430px"

AllowMultiRowSelection="false"

AllowAutomaticUpdates="True"

OnItemUpdated="RadGridTestsInstruments_ItemUpdated"

style="margin-top: 0px">

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

<ClientSettings AllowKeyboardNavigation="true"

EnableRowHoverStyle="true">

<Selecting AllowRowSelect="true"></Selecting>

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

</ClientSettings>

<MasterTableView

DataSourceID="SqlDataSourceTestsInstruments"

DataKeyNames="set_test_id,test_id"

EditMode="Batch">

<BatchEditingSettings EditType="Cell"/>

<Columns>

<telerik:GridBoundColumn DataField="set_test_id" HeaderText="set_test_id" SortExpression="set_test_id" UniqueName="set_test_id" DataType="System.Int32" ReadOnly="True" Display="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="test_id" DataType="System.Int32" HeaderText="test_id" ReadOnly="True" SortExpression="test_id" UniqueName="test_id" Display="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="grid_instrument_id" DataType="System.Int32" HeaderText="grid_instrument_id" ReadOnly="True" SortExpression="grid_instrument_id" UniqueName="grid_instrument_id" Display="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="test" HeaderText="Test" SortExpression="test" UniqueName="test" ReadOnly="True">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Instrument" HeaderStyle-Width="110px" UniqueName="instrument_id" DataField="instrument_id" AllowFiltering="false">

<ItemTemplate>

<%# Eval("instrument") %>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadDropDownList RenderMode="Lightweight" runat="server" ID="RadDropDownListInstruments"

DataField="set_test_id"

DataValueField="instrument_id"

DataTextField="instrument"

AllowCustomText="true"

EmptyMessage="Choose Instrument"

DataSourceID="SqlDataSourceInstruments"

Width="100px">

</telerik:RadDropDownList>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="workflow_id" DataType="System.Int32" HeaderText="workflow_id" ReadOnly="True" UniqueName="workflow_id" Display="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="workflow" HeaderText="Workflow" SortExpression="workflow" UniqueName="workflow" ReadOnly="True">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

I need the DropDownList datasource to have a parameter from a cell value on the selected row. The DataKeyName also contains the same value that could be used as a parm.

<asp:SqlDataSource ID="SqlDataSourceInstruments" runat="server" ConnectionString="<%$ ConnectionStrings:MineLIMSConnection %>"

SelectCommand="SELECT distinct i.instrument_id, i.instrument, tst.set_test_id

FROM instruments i

Inner Join tests_instruments ti on ti.instrument_id = i.instrument_id

Inner Join ml_temp_dest_sets_tests tst on tst.test_id = ti.test_id

WHERE tst.set_test_id = @set_test_id">

<SelectParameters>

<asp:ControlParameter ControlID="RadGridTestsInstruments" DefaultValue="999" Name="set_test_id" PropertyName="SelectedValues['set_test_id']" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

When I try to use a ControlParameter from the Grid itself as shown above, I get this error:

Could not find control 'RadGridTestsInstruments' in ControlParameter 'set_test_id'.

<asp:SqlDataSource ID="SqlDataSourceInstruments" runat="server" ConnectionString="<%$ ConnectionStrings:MineLIMSConnection %>"

SelectCommand="SELECT distinct i.instrument_id, i.instrument, tst.set_test_id

FROM instruments i

Inner Join tests_instruments ti on ti.instrument_id = i.instrument_id

Inner Join ml_temp_dest_sets_tests tst on tst.test_id = ti.test_id

WHERE tst.set_test_id = @set_test_id">

<SelectParameters>

<asp:Parameter Name="set_test_id" Type="Int32" />

</SelectParameters>

</asp:SqlDataSource>

If I just use a Parameter from the Grid itself as shown above, there is nothing returned.

I am thinking that I should be going this route, but I must not be setting the right field on the Grid and/or dropdown to set the parameter properly.

If I remove the parameter completely, I get data, but from all rows in the Grid, which is incorrect.

Thanks in advance,

g.

Grid

answered on 09 Dec 2016

1 answer

725 views

Edit Value from GridBoundColumn

How to get the edit value from the GridBoundColumn in RadGrid.

telerik:GridBoundColumn UniqueName="Title" ReadOnly="true" DataField="TBL_Jobs_Titles.Title" HeaderText="Title" DataType="System.String" HeaderStyle-Width="40px" FilterControlWidth="40px"></telerik:GridBoundColumn>

I am getting null value and send how to implement it

General Discussions

answered on 09 Dec 2016

1 answer

242 views

Wizard step validation not working

Hi,

I'm using the RadWizard inside a custom advanced template for the RadScheduler Insert/Edit. Said RadScheduler is itself in a UserControl that is loaded from a master page on menu button click (All working from AJAX, no page ever reloaded).

Here's the chain of event to help you understand my situation :

Master page loads usercontrol containing RadScheduler.

RadScheduler loads a custom template on Insert/Edit

Custom template uses a RadWizard to guide the user through an appointment insertion

I've used test cases provided in various threads that had similar question but they do not work : User can press "Next" without validation triggering

I also tried to add this line to my web.config but since I'm using .Net 4.0 I think it should not even matter :

Here is one of the template I tried, I can press "Next" on it without entering any info on the textboxes

<telerik:RadWizard runat="server" ID="RadWizard2" RenderedSteps="All">

<WizardSteps>

<telerik:RadWizardStep ID="RadWizardStep3" ValidationGroup="Group1" >

<asp:TextBox runat="server" ID="TextBox1" ValidationGroup="Group1" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="ADD TEXT"

ControlToValidate="TextBox1" ValidationGroup="Group1">

</asp:RequiredFieldValidator>

</telerik:RadWizardStep>

<telerik:RadWizardStep ID="RadWizardStep1" ValidationGroup="Group2">

<asp:TextBox runat="server" ID="TextBox2" ValidationGroup="Group2" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="ADD TEXT"

ControlToValidate="TextBox2" ValidationGroup="Group2">

</asp:RequiredFieldValidator>

</telerik:RadWizardStep>

<telerik:RadWizardStep ID="RadWizardStep2" ValidationGroup="Group3">

<asp:TextBox runat="server" ID="TextBox3" ValidationGroup="Group3" />

<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="ADD TEXT"

ControlToValidate="TextBox3" ValidationGroup="Group3">

</asp:RequiredFieldValidator>

</telerik:RadWizardStep>

</WizardSteps>

</telerik:RadWizard>

Version of Telerik is 2016.3.1027

Target Framework is .Net 4.0

Thank you in advance

Wizard

answered on 09 Dec 2016

9 answers

279 views

HoveredCssClass no working

Hi,

<telerik:RadButton runat="server" ID="menuBtn" AutoPostBack="false" OnClientClicked="BtnClick"

HoveredCssClass="menuImageHover" CssClass="menuImage" PressedCssClass="menuImagePressed">

<ContentTemplate>

<div id="mButton" class="mainMenuButton" runat="server">

<table border="0">

<tr>

<td>

<img id="icon" alt="" runat="server" />

</td>

<td style="width: 100%; text-align: center">

<span id="text" runat="server"></span>

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadButton>

CSS:

.menuImageHover

{

background-position: -150px;

}

.menuImagePressed

{

background-position: -300px;

}

.menuImage

{

background: url('../Images/menu_button.png') no-repeat;

height: 70px;

width: 150px !important;

position: relative;

display: block;

}

I got the image in the menuImage class, but when I hover or click on the button, nothing happens.

Did I miss something?

Thanks

Button

answered on 09 Dec 2016