Questions on UI for ASP.NET AJAX Forum

1 answer

64 views

Hi

my function is:

function pageLoad() {
                var newTitle = $telerik.$(".rsHeader h2").text($telerik.$(".rsHeader h2").text() + " - custom title");
                newTitle.css("font-size", "small");
            }

Where we can call function Page_load(); ??

Scheduler

answered on 24 Nov 2015

3 answers

303 views

Radgrid colspan override

Hi,

I am working with Telerik version 2011.1.519.35. I am using hierarchical radgrid. Markup is something like this,

<telerik:RadGrid ID="gridOrder" runat="server" AllowPaging="True" AllowSorting="True"
                AllowCustomPaging="True" GridLines="None" Skin="radGridSkin" EnableEmbeddedSkins="false"
                ShowGroupPanel="True" EnableHeaderContextMenu="True" Width="100%" Height="100%"
                AllowMultiRowSelection="True" AutoGenerateColumns="false" OnNeedDataSource="gridOrder_NeedDataSource"
                OnItemDataBound="gridOrder_ItemDataBound" DisplayDataKey="ORDER_NUMBER" OnPreRender="gridOrder_PreRender"
                OnPageSizeChanged="gridOrder_PageSizeChanged" OnItemCommand="gridOrder_ItemCommand"
                OnItemCreated="gridOrder_ItemCreated" OnGroupsChanging="gridOrder_GroupsChanging"
                OnPageIndexChanged="gridOrder_PageIndexChanged" PageSize="20">
                <ExportSettings IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="true">
                    <Excel Format="ExcelML" />
                </ExportSettings>
                <MasterTableView GroupLoadMode="Client" DataKeyNames="ORDER_NUMBER" Name="ORDER"
                    ClientDataKeyNames="ORDER_NUMBER,CAN_SUPPLIER_ORDER_PRODUCT,SUPPLIER_ID,STATE,O_ORGANIZATION_ID"
                    UseAllDataFields="true">
                    <RowIndicatorColumn Visible="true">
                    </RowIndicatorColumn>
                    <NestedViewTemplate>
                        <div class="order-line-wrapper">
                            <telerik:RadTabStrip MultiPageID="radMultiPageOrderDetail" SelectedIndex="0" ID="RadOrderDetailTabStrip"
                                runat="server" Skin="radTabStripSkin" EnableEmbeddedSkins="false" ScrollChildren="true">
                                <Tabs>
                                    <telerik:RadTab Text="Order Detail" Selected="True" Value="tabOrderDetail" PageViewID="pageOrderDetail">
                                    </telerik:RadTab>
                                    <telerik:RadTab Text="Order Workflow State History" Value="tabOrderWorkflowHistory"
                                        PageViewID="pageOrderWorkflowHistory">
                                    </telerik:RadTab>
                                </Tabs>
                            </telerik:RadTabStrip>
                            <telerik:RadMultiPage SelectedIndex="0" ID="radMultiPageOrderDetail" runat="server">
                                <telerik:RadPageView runat="server" ID="pageOrderDetail" Selected="True">
                                    <div class="order-line-border order-line-control">
                                        <calvi:OrderLineControl Visible="false" ID="OrderLineCtrl" runat="server" PageCookieEntityName="ORDER_MAIN_FORM">
                                        </calvi:OrderLineControl>
                                    </div>
                                </telerik:RadPageView>
                                <telerik:RadPageView runat="server" ID="pageOrderWorkflowHistory">
                                    <div class="order-line-border order-line-control">
                                        <calvi:OrderWorkflowHistoryControl ID="OrderWorkflowHistoryControl" runat="server"
                                            ShowLoadingPanel="false" PageCookieEntityName="OrderMain_WorkflowHistory" />
                                    </div>
                                </telerik:RadPageView>
                            </telerik:RadMultiPage>
                        </div>
                    </NestedViewTemplate>
                    <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True"
                        UniqueName="ExpandColumn">
                    </ExpandCollapseColumn>
                    <Columns>
                        <telerik:GridBoundColumn DataField="DEBTOR_REFERENCE" FilterControlAltText="Filter DEBTOR_REFERENCE column"
                            HtmlEncode="true" DataFormatString="<nobr>{0}&nbsp;</nobr>" HeaderText="DEBTOR_REFERENCE"
                            SortExpression="DEBTOR_REFERENCE" UniqueName="DEBTOR_REFERENCE">
                        </telerik:GridBoundColumn>...

OrderLineControl and OrderWorkflowHistoryControl usercontrols contain radgrid. What I need is to utilize the available 
space on expansion. For example if the parent grid has 12 visible columns then the child grid on expansion should also occupy
12 colspan. However since we have provided the column choosing option on clientside and set Display property of each hidden
column to false, if the column is not selected to be visible, the grid is not able to set the colspan in accordance with the
visible column.

Hence to workaround the problem I am executing following peace of code on grid ItemCreated event,
(e.Item as GridNestedViewItem).NestedViewCell.Attributes["colSpan"] = {string value of number of visible columns}

The above code works fine in IE7 & IE9, however it fails in IE8 (please refer the attached images). 

Could you please help me with this.

Regards,

Sachin

Grid

answered on 24 Nov 2015

7 answers

166 views

[Solved] Youtube full screen

Hi,

I currently use a splitter, within one of the panels I want to embed a youtube video and importantly allow the option for full screen:

However because the way the 'RadPane' is constructed in the background it uses an iframe without the "allowfullscreen" flag here is the code telerik generates:

<telerik:RadPane ID="ContentPane" runat="server" ContentUrl="MainPage.aspx">

Generates

If there any way I can append "allowfullscreen" onto this iframe?

Thanks

Splitter

answered on 24 Nov 2015

4 answers

134 views

Floating GridFooterItem

I'd like my Grid footer--where I have my grand totals to display--to move when rows within the grid are collapsed.

See screenshot for desired results.

Thanks!

Grid

answered on 24 Nov 2015

25 answers

2.5K+ views

Grid Jumps or Scrolls to Top on Row Click

Hi,

I just upgraded to version 2012.3.1016.35 of the ASP.NET for AJAX controls, and the problem I'm facing was caused by the upgrade (I upgraded from version 2011.3.1305.35),

I use RadGrids with a GridClientSelectColumn and the following client settings:

<ClientSettings AllowDragToGroup="false" AllowRowsDragDrop="false">
<Selecting AllowRowSelect="true" />
</ClientSettings>

PROBLEM:
When the browser window has a scrollbar (content is extending beyond the bottom of the window) and when a grid extends down into the scrollable area (it extends beyond the bottom of the screen), when I click on a row in the grid, the browser window is scrolled up and the row in the grid is NOT selected. In other words, the first click in a row in the grid, acts like a bookmark and "jumps" the page so that the grid is moved up higher...

When I click the row again (or even a different row), the row is then selected as expected.

However, if I then scroll the browser window back to the top (so that the grid again moves down) and click a row again, I get the same behavior. The row isn't selected, and instead the grid is scrolled / jumped up.

QUESTION: What has changed, and what can I do to resolve this?

Another big problem this causes is that I actually have a column in the grid that I use for navigation (clicking the name of an item navigates the user to other pages). With this bad behavior, the first click on my link simply moves the grid up and the user has to click the link again in order to navigate...

MORE INFO:
- This is happening to ALL of my RadGrids that have AllowRowSelect=true and have a GridClientSelectColumn.
- If I set AllowRowSelect=false and remove the GridClientSelectColumn, the problem doesn't occur.
- This NEVER happened until I upgraded to the most recent version (we've used ASP.NET for AJAX for 4+ years). I still have the 2011.3.1305.35 version in our production environment, and the problem does NOT occur.
- It happens on all browsers

- I actually also use the setting below, but it doesn't change the behavior. In fact, the first time you click a row, the CancelNonInputSelect function isn't even called! I know that, because I put a debugger statement in it. When I click the row the second time, it is then called.

<ClientEvents OnRowSelecting="CancelNonInputSelect" OnRowDeselecting="CancelNonInputSelect" />

Where my CancelNonInputSelect function is:

function CancelNonInputSelect(sender, args) {
var e = args.get_domEvent();
//IE - srcElement, Others - target
var targetElement = e.srcElement || e.target;
//this condition is needed if multi row selection is enabled for the grid
if (typeof (targetElement) != "undefined") {
//is the clicked element an input checkbox? <input type="checkbox"...>
if (targetElement.tagName.toLowerCase() != "input" &&
(!targetElement.type || targetElement.type.toLowerCase() != "checkbox"))// && currentClickEvent)
{
//cancel the event
args.set_cancel(true);
}
}
else
args.set_cancel(true);
return false;
}

PLEASE HELP! This functionality alone, would prevent us from upgrading to your most recent version.
Brent

Grid

answered on 24 Nov 2015

3 answers

114 views

Javascript error on grid after filtering returns no records

We're using version 2014.2.618.45. This happens across multiple grids with horizontal scrolling (lots of columns or smaller screen). After filtering the grid, if there are no records, this error happens if you try to scroll horizontally (the scrollbar moves, but the columns don't):

Uncaught TypeError: Cannot read property 'cells' of undefined

At this point, the user will have to either refresh the screen or use our separate Clear All Filter button.

Grid

answered on 24 Nov 2015

1 answer

140 views

RadTileList and Touch Screens

Hello,

I am trying to use this example: http://docs.telerik.com/devtools/aspnet-ajax/controls/tilelist/how-to/select-a-tile-with-left-click

I works as expected on a desktop. My problem is that this example does not work when viewing the page on a touch screen device (iPhone for example). Any ideas of how you can get a tile to become selected by touching the tile on a mobile device?

Thanks in advance!

TileList

answered on 24 Nov 2015

4 answers

216 views

RadListBox is null or not an object

Hi everyone and firstly apologies if this post is in the wrong location but I am having issues with a couple of your controls. I have an asp page which used to use a dropdownlist to initially select a recipient which would then use its selectedValue as a select parameter for a datasource. On selectedindexchange I populate a radlistbox using the datasource. This all worked perfectly with no issues but I am now trying to introduce a radcombobox instead of the dropdownlist to allow me to search the items. The problem is on the selectedindexchange of the radcombobox I get a JScript runtime error 'Telerik.Web.UI.RadListBox' is null or not an object. I have updated the select parameters to use the new controls value and have tried a couple of things but cannot seem to resolve the issue.

Please any support will be greatly appreciated.

Regards

Charlie

ListBox

answered on 24 Nov 2015

8 answers

586 views

Session Timeout Not Redirecting

Following the directions from this demo (http://demos.telerik.com/aspnet-ajax/notification/examples/sessiontimeout/defaultcs.aspx), I've managed to get my radnotification to popup and when the button is clicked, extend the session. I did have to change the radbutton to a standard button because it would not fire when clicked.

However, I am unable to get the time label to update on the notification nor can it redirect to the page set in the value property. I will post the code to show what I have so far.

<telerik:RadNotification

ID="rnSessionTimeOut" runat="server" Skin="Black" AutoCloseDelay="60000"

Title="Continue Your Session" TitleIcon="" EnableRoundedCorners="true" ShowInterval="61000"

Value="Search.aspx" OnCallbackUpdate="OnCallbackUpdate" Position="Center">

<ContentTemplate>

<div class="infoIcon">

<img id="Img1" src="~/images/infoIcon.png" runat="server" alt="info icon" /></div>

<div class="notificationContent">

Time remaining: <span id="timeLbl">60</span>

<asp:Button ID="btnContinue" runat="server" Text="Continue Session" OnClientClick="ContinueSession(); return false;" />

</div>

</ContentTemplate>

</telerik:RadNotification>

in the javascript, I have this:

<script type="text/javascript">

//update the text in the label in RadNotification

//this could also be done automatically by using UpdateInterval. However, this will cause callbacks [which is the second best solution than javascript] on every second that is being count

function UpdateTimeLabel(toReset) {

var sessionExpired = (seconds == 0);

if (seconds == 0) {

stopTimer("timeLeftCounter");

//redirect to session expired page - simply take the url which RadNotification sent from the server to the client as value

window.location.href = $find("RadNotification1").get_value();

}

else {

var timeLbl = $get("timeLbl");

timeLbl.innerHTML = seconds--;

}

function ContinueSession() {

var notification = $find("rnSessionTimeOut");

//we need to contact the server to restart the Session - the fastest way is via callback

//calling update() automatically performs the callback, no need for any additional code or control

notification.update();

notification.hide();

//resets the showInterval for the scenario where the Notification is not disposed (e.g. an AJAX request is made)

//You need to inject a call to the ContinueSession() function from the code behind in such a request

var showIntervalStorage = notification.get_showInterval(); //store the original value

notification.set_showInterval(0); //change the timer to avoid untimely showing, 0 disables automatic showing

notification.set_showInterval(showIntervalStorage); //sets back the original interval which will start counting from its full value again

stopTimer("timeLeftCounter");

seconds = 60;

updateMainLabel(true);

}

</script>

And I have a sub for the OnCallBackUpdate that is empty:

Sub OnCallbackUpdate()



End Sub

Basically, I have everything like the example. I set the showInterval and AutoCloseDelay set low for testing purposes.

Any ideas? I've researched for days and haven't figured out why it isn't working.

I did add an alert temporarily to the code that updates the label and it never hits it except when I set it to the onclientclicked event. But, it only hits it, it doesn't execute it.

Notification

answered on 24 Nov 2015

8 answers

957 views

Session Timeout Notification - Minutes and Seconds Possible

Hi all,

This is my first post on these forums as we have only just started using the Telerik Controls. All I can say so far is... WOW. Such a brilliant array or tools on offer.

What I was wondering was whether it was possible to display a countdown to the notification display in minutes and seconds rather than just seconds. If so, how would you go about doing this?

David

Notification

answered on 24 Nov 2015