Questions on UI for ASP.NET AJAX Forum

2 answers

97 views

RadSplitter hiding controls on PostBack?

Hi

The below renders inside a usercontrol with the label on initial load, but on postback, the button disappears. The source info of the browser still contains the control, however. The same happens for any control put into the LeftPane.

Am i doing something wrong or a bug?

Thanks

J

<telerik:RadSplitter RenderMode="Lightweight" ID="RadSplitter1" runat="server" Width="100%" Height="100%">

            <telerik:RadPane ID="LeftPane" runat="server" Width="200px">

            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

            </telerik:RadPane>

            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward">
            </telerik:RadSplitBar>

            <telerik:RadPane ID="EndPane" runat="server" Height="500px">

                    <div id="mapcanvas" style="height: 500px">
                    </div>

            </telerik:RadPane>

        </telerik:RadSplitter>

Splitter

answered on 31 May 2016

4 answers

404 views

Last Row cut off when scrolled to bottom

I have a grid Static headers and AllowScroll set to true. When I scroll all the way down the last row is not completely visible. And worse, if you edit the row you can't see the edit controls at all. I am using the latest UI version and the latest IE. Please see the attached screen shot. How do I fix this?

Thanks.

Charles

<telerik:RadGrid ID="rgNotifications" runat="server" AutoGenerateColumns="False" CellSpacing="0" AllowPaging="false" AllowSorting="true" Width="920px" Skin="Windows7"

Height="265px" >

<ClientSettings EnableRowHoverStyle="true">

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

</ClientSettings>

<MasterTableView DataSourceID="sqldsNotificationAddresses" ShowGroupFooter="false" DataKeyNames="NotificationAddressID" Width="820px"

EditMode="InPlace" CommandItemDisplay="Top"

CommandItemSettings-AddNewRecordText="Add Employee Notification"

AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowAutomaticDeletes="true" >

<CommandItemSettings ShowRefreshButton="false" />

<NoRecordsTemplate>

<div class="ACHD1">There are no Employee Notifications.</div>

</NoRecordsTemplate>

<ColumnGroups>

<telerik:GridColumnGroup HeaderText="Send Notification For:" Name="Notify">

<HeaderStyle HorizontalAlign="Center" />

</telerik:GridColumnGroup>

</ColumnGroups>

<Columns>

<telerik:GridTemplateColumn HeaderText="Always<br />Notify on<br />Round Robin" UniqueName="NotifyRoundRobin">

<ItemTemplate>

<asp:CheckBox ID="cbAlwaysNotifyOnRoundRobin" runat="server"

Checked='<%# Eval("AlwaysNotifyOnRoundRobin")%>' AutoPostBack="true" OnCheckedChanged="cbAlwaysNotifyOnRoundRobin_CheckChanged" />

</ItemTemplate>

<EditItemTemplate>

</EditItemTemplate>

<InsertItemTemplate>

</InsertItemTemplate>

<ItemStyle Width="55px" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Employee Name" DataField="EmployeeName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Email Address" DataField="EmailAddress">

</telerik:GridBoundColumn>

<telerik:GridMaskedColumn HeaderText="SMS Text Number" DataField="SMSPhoneNumber" Mask="(###) ###-####">

</telerik:GridMaskedColumn>

<telerik:GridTemplateColumn HeaderText="Contact-Us Lead" ColumnGroupName="Notify">

<ItemTemplate>

<asp:CheckBox ID="cbNotifyContactUsLead" runat="server" Checked='<%# Eval("NotifyContactUsLead")%>' AutoPostBack="true" OnCheckedChanged="cbNotifyContactUsLead_CheckChanged" />

</ItemTemplate>

<EditItemTemplate>

</EditItemTemplate>

<InsertItemTemplate>

</InsertItemTemplate>

<ItemStyle Width="55px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Credit App" ColumnGroupName="Notify">

<ItemTemplate>

<asp:CheckBox ID="cbNotifyCreditApp" runat="server" Checked='<%# Eval("NotifyCreditApp")%>' AutoPostBack="true" OnCheckedChanged="cbNotifyCreditApp_CheckChanged" />

</ItemTemplate>

<EditItemTemplate>

</EditItemTemplate>

<InsertItemTemplate>

</InsertItemTemplate>

<ItemStyle Width="55px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="3rd Party Lead" ColumnGroupName="Notify">

<ItemTemplate>

<asp:CheckBox ID="cbNotifyEmailParserLead" runat="server"

Checked='<%# Eval("NotifyEmailParserLead")%>' AutoPostBack="true" OnCheckedChanged="cbNotifyEmailParserLead_CheckChanged" />

</ItemTemplate>

<EditItemTemplate>

</EditItemTemplate>

<InsertItemTemplate>

</InsertItemTemplate>

<ItemStyle Width="55px" />

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this EmployeeNotification?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" UniqueName="DeleteColumn">

<ItemStyle Width="30px" />

</telerik:GridButtonColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn">

<ItemStyle Width="65px" />

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 31 May 2016

3 answers

121 views

Radeditor adding g tags to content

I have no idea what a g tag is, but somehow it's getting added to my content when I click save. I attached a screenshot of the HTML view of the editor we are using to show the classes, etc. that are being added. Can someone please help? I'm not sure what to do.

Editor

answered on 31 May 2016

2 answers

159 views

Aggregate numeric values for nvarchar column

Hi

Please help me out!

I have recently purchased a licence for the Q2 2016 devcraft tools and I am working on a website update...

I have a database in which numeric values have been recorded historically in an nvarchar column. I can't readily change the column type as it is in production and has several years of data in it.

However I would now like to use the aggregate function to put sum totals in a footer. How can I achieve this from where we are now - i.e. with a non-numeric data column? Obviously I get an error just adding aggregate="Sum" ( 'Sum is not supported for type system.object').

I tried cheating by just changing the column from gridbound to gridnumeric but it is not so easily fooled!

Can you suggest what is the best way to get from the nvarchar database column I have now, to getting an aggregate sum in the footer?

Thanks

Clive

Using Q2 2016 controls in VS 2015

Grid

answered on 31 May 2016

1 answer

84 views

Grid Exporting a DateTime field omittingTime part

I have a grid with two datetime column.

When i export this to Excel the time part of the date is not getting exported. only the date exported.

Grid

answered on 31 May 2016

5 answers

364 views

RadImageGallery auto play

Hi,

How do I get RadImageGallery to restart the slideshow again, once it has finishes cycling through the images?

Thanks.

An

ImageGallery

answered on 31 May 2016

1 answer

66 views

Error with Dependent Grid Tables

Hi, I used some code I found here to create a dependent grid. When the user clicks on a row, it opens two dependent grids that filter based on the row he/she clicked on. I am experiencing an error when I submit the form:

Exception of type 'System.Web.HttpUnhandledException' was thrown.
A control with ID 'ctl00$ctl04$fvlc$Form1$Grid1' could not be found for the trigger in UpdatePanel 'ctl00$ctl04$fvlc$Form1$Grid1Panel'.

As far as I can tell the Grid1 was defined in the form.

<sq:AjaxManager ID="AjaxManager1" runat="server">
<AjaxSettings>
<sq:AjaxSetting AjaxControlID="Grid1">
<UpdatedControls>
<sq:AjaxUpdatedControl ControlID="Grid1"></sq:AjaxUpdatedControl>
<sq:AjaxUpdatedControl ControlID="Grid2" LoadingPanelID="AjaxLoadingPanel1"></sq:AjaxUpdatedControl>
<sq:AjaxUpdatedControl ControlID="Grid3" LoadingPanelID="AjaxLoadingPanel1"></sq:AjaxUpdatedControl>
</UpdatedControls>
</sq:AjaxSetting>
<sq:AjaxSetting AjaxControlID="Grid2">
<UpdatedControls>
<sq:AjaxUpdatedControl ControlID="Grid2"></sq:AjaxUpdatedControl>
<sq:AjaxUpdatedControl ControlID="Grid3" LoadingPanelID="AjaxLoadingPanel1"></sq:AjaxUpdatedControl>
</UpdatedControls>
</sq:AjaxSetting>
<sq:AjaxSetting AjaxControlID="Grid3">
<UpdatedControls>
<sq:AjaxUpdatedControl ControlID="Grid3"></sq:AjaxUpdatedControl>
</UpdatedControls>
</sq:AjaxSetting>
</AjaxSettings>
</sq:AjaxManager>
<sq:AjaxLoadingPanel ID="AjaxLoadingPanel1" runat="server" Skin="Default"></sq:AjaxLoadingPanel>

Thanks for the help.

Grid

answered on 31 May 2016

1 answer

210 views

Telerik controls not responding after deploying in IIS

Telerik controls not responding after deploying in IIS. Telerik combobox and rad grid checkbox not getting loaded after deployed into IIS. Please respond.

DropDownList

answered on 31 May 2016

1 answer

108 views

Index out of range with Biff Export

I am using Excel-Format="Biff" for my excel exports.

If there are no records in the grid, I get an index out of range error on clicking the export button. All other formats work fine. They just output an empty file but does not error out. I am unable to figure out why I get an index out of range error on the "biff" format export. Attached is the error details.

I also tried the code with advanced databinding using NeedDatasource event but I see the same behavior.

<telerik:RadGrid ID="rgParticipantBalances" runat="server" DataSourceID="_dataSrcBalances" OnPreRender="rgParticipantBalances_PreRender"

OnItemCommand="rgParticipantBalances_ItemCommand" OnItemDataBound="rgParticipantBalances_ItemDataBound"

OnItemCreated="rgParticipantBalances_ItemCreated" AllowFilteringByColumn="true" >

<FilterItemStyle HorizontalAlign="Left" />

<MasterTableView TableLayout="Fixed" HierarchyDefaultExpanded="false" CommandItemDisplay="Top"

DataKeyNames="" EnableNoRecordsTemplate="true">

<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="false" ShowExportToExcelButton="true"

ExportToExcelText="" ExportToCsvText="" ExportToPdfText="" ExportToWordText=""

ShowExportToPdfButton="true" ShowExportToWordButton="true" ShowExportToCsvButton="true" />

<NoRecordsTemplate>

<div style="color: Red; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold">

<br />

Please select a plan to show activity for the specific plan.

</div>

</NoRecordsTemplate>

<Columns>

<telerik:GridTemplateColumn UniqueName="Participant" HeaderText="Participant" SortExpression="FullName"

HeaderStyle-HorizontalAlign="Left" CurrentFilterFunction="Contains" ShowFilterIcon="false" DataField="FullName"

ItemStyle-HorizontalAlign="Left" FooterStyle-HorizontalAlign="Left" AutoPostBackOnFilter="true"

HeaderStyle-Width="16%" FilterControlWidth="130px" FilterControlToolTip="Input a name or part of name to search">

<ItemTemplate>

<%# Eval("FullName")%>

</ItemTemplate>

<FooterTemplate>

<asp:Label ID="lblGrandTotal" runat="server" Text="Grand Total" Font-Bold="true"></asp:Label>

</FooterTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<ExportSettings ExportOnlyData="true" IgnorePaging="true" FileName="Activity" OpenInNewWindow="true" HideStructureColumns="true"

SuppressColumnDataFormatStrings="false">

<Pdf PaperSize="A4" PageLeftMargin="5px" PageRightMargin="5px" PageWidth="297mm"

PageHeight="210mm" />

<Excel Format="Biff" />

</ExportSettings>

</telerik:RadGrid>

Grid

answered on 31 May 2016

4 answers

139 views

layout differences between local and published version

Hi,

I'm using OrgChart in one project to display some hierarchies. To adapt the look of it to my project design i'm using the code posted below.

Now, locally it works fine on all browsers I test it (chrome, IE 11, Firefox). If I publish it on the server (IIS 8.5 .NET 4.5) the look on IE change badly.(on other browsers looks fine)

Attached , the images with differences.

Remarks:

I force latest compatibility in header: <meta http-equiv="X-UA-Compatible" content="IE=edge"> so it is not a compatibility issue

AppPool is set to "Integrated" .NET CLR 4.0 no other special configurations

I use the latest update of telerik toolkit.

I had a similar problem with RadTreeView, on IE11 the "plus/minus" default images were not displayed. that one i fix it with custom images from css but in this case will be a bit harder.
RadOrg layout is fine using standard "look and feel"

Thank you,

Ionel

html .RadOrgChart_Default .rocItemContent,

html .RadOrgChart_Default .rocItemTemplate {

/*background-color: rgba(255,255,255,0.2);*/

background-image: none;

/*color: white;*/

border:none;

background:none;

width:auto;

min-width:300px;

height:auto;

}

<telerik:RadOrgChart RenderMode="Lightweight" ID="RadOrgChartHorizontal" runat="server"
                   DataSourceID="SQLDataSourceHorizontalHierarchy"
                       DataFieldID="Contract_Key"
                       DataFieldParentID="Contract_Parent_Key"
                       DataTextField="Name"  EnableCollapsing="True" EnableGroupCollapsing="True"  Orientation="Horizontal">
                       <ItemTemplate >
                           <section class="panel panel-featured panel-featured-tertiary">
                               <div class="panel-body">
                                   <div class="widget-summary">
 
                                       <div class="widget-summary-col">
                                           <div class="summary">
                                               <h4 class="amount"><%#Eval("Name")%></h4>
                                               <div class="info">
                                                   <strong class="title"><%#Eval("Contract_Type_Name")%></strong>
                                                   <span class="text-primary">(<%#Eval("Contract_Type_Category")%>)</span>
                                               </div>
                                           </div>
                                           <div class="summary-footer">
                                               <a class="text-muted text-uppercase">Details</a>
                                           </div>
                                       </div>
                                   </div>
                               </div>
                           </section>
                       </ItemTemplate>
                       <RenderedFields>
                           <NodeFields>
                               <telerik:OrgChartRenderedField DataField="Name" Label="Name" />
                           </NodeFields>
                           <ItemFields>
                               <telerik:OrgChartRenderedField DataField="Contract_Type_Category" Label="Category" />
                           </ItemFields>
                           <ItemFields>
                               <telerik:OrgChartRenderedField DataField="Contract_Type_Name" Label="Type" />
                           </ItemFields>
                       </RenderedFields>
                   </telerik:RadOrgChart>

OrgChart

answered on 31 May 2016