Questions on UI for ASP.NET AJAX Forum

7 answers

130 views

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

100 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.0K+ 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

83 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

117 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

178 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

506 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

782 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

3 answers

313 views

GridButtonColumn problem with Delete Command

Hello

I have a little problem with a GridButtonColumn in a RadGrid. First of all, the grid is completeley created by code. I need to manage editing, insert and delete operations. Everythimg works good, except that I would like to have a confirm message before the delete command occurs.

Here follows the code:

RadGrid grid = new RadGrid();

grid.ID = "instGrid";

grid.DataSourceID = "sqlInst";

grid.PageSize = 15;

grid.AllowPaging = true;

grid.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

grid.AutoGenerateColumns = false;

grid.AllowAutomaticUpdates = false;

grid.AllowAutomaticInserts = false;

grid.AllowAutomaticDeletes = false;

grid.ItemCommand += new GridCommandEventHandler(instGrid_ItemCommand);

//2.1 Add Customers table

grid.MasterTableView.DataKeyNames = new string[] { "id_badmstorage", "value" };

grid.MasterTableView.EditMode = GridEditMode.EditForms;

grid.MasterTableView.CommandItemDisplay = GridCommandItemDisplay.Top;

GridBoundColumn boundColumn = new GridBoundColumn();

boundColumn.DataField = "id_badmstorage";

boundColumn.HeaderText = "ID";

boundColumn.ReadOnly = true;

grid.MasterTableView.Columns.Add(boundColumn);

//2.2 SET SQL DATA SOURCE...

sqlInst.SelectCommand = "SELECT * FROM DataTable WHERE variableID=" + bv.ID + " AND siteID=438 AND dataStatus=0";

//3. Add grid columns...

GridTemplateColumn tempC = null;//new GridTemplateColumn();

tempC = new GridTemplateColumn();

tempC.DataField = "value";

tempC.HeaderText = bv.Name;

tempC.ItemTemplate = new MyTemplate("value", bv.CvIndex, true);

tempC.EditItemTemplate = new CustomEditTemplate("value", true, bv.Unit, bv.CvIndex);

grid.MasterTableView.Columns.Add(tempC);

//4. Edit commands

GridEditCommandColumn eCol = new GridEditCommandColumn();

grid.MasterTableView.Columns.Add(eCol);

eCol.UniqueName = "EditCommandColumn";

//5. delete command

GridButtonColumn delCol = new GridButtonColumn();

grid.MasterTableView.Columns.Add(delCol);

delCol.HeaderText = "Delete";

delCol.UniqueName = "Delete";

delCol.CommandName = "Delete";

delCol.ConfirmDialogType = GridConfirmDialogType.Classic;

delCol.ConfirmTitle = "Delete";

delCol.ButtonType = GridButtonColumnType.ImageButton;

// Add the grid to the placeholder

this.PlaceHolder1.Controls.Add(grid);

//AJAX SETTINGS...

AjaxSetting ajax = new AjaxSetting(grid.ID);

AjaxUpdatedControl up=new AjaxUpdatedControl();

up.ControlID=grid.ID;

ajax.UpdatedControls.Add(up);

up = new AjaxUpdatedControl();

ajax.UpdatedControls.Add(up);

RadAjaxManager1.AjaxSettings.Add(ajax);

The grid is created in the Page_Init event

A preview of the page can be found at this link (select INST_MODEL from the list)

If you try to delete a record, no confirm window appears (deletion is disabled for now)

Thanks

Diego

Grid

answered on 24 Nov 2015

3 answers

96 views

Setting FileExplorer paths in FormTemplate of a Grid

I have a grid that uses a form template for editing the grid items. When the user clicks the edit command for a row in the grid it opens the FormTemplate that contains a FileExplorer. I need to then set the configuration path of the file explorer as it's different for each item in the grid.

It seems the FileExplorer paths can only be set on the page_load event, but at that time I don't have access to the GridEditFormItem that allows me to get the file explorer control and set the paths.

Is there a way to make this work? It seems pretty strange that the view paths can only be set in the page_event.

Thanks

Grid

answered on 24 Nov 2015