Questions on UI for ASP.NET AJAX Forum

1 answer

224 views

In one of my form @ page load ievent i set radeditor visible=false,
but in that page after some clientside click event i set radeditor visible=true.

For this i use custom dictionarysuffix &
spellchecksettings-spellcheckprovider="PhoneticProvider"

at that time spell check raise me an error :
The spell check command not implemented yet..

But it works fine in other page which having rad editor visible=true

my code for that ,

<TELERIK:RADEDITOR stripformattingoptions="NoneSupressCleanMessage, Span" id="FTBGoal"

visible="true" enabled="true" editmodes="Design" height="140px" width="650px"

toolsfile="~/App_Themes/RadEditorTools.xml" dialoghandlerurl="Telerik.Web.UI.DialogHandler.axd"

spellchecksettings-ajaxurl="Telerik.Web.UI.SpellCheckHandler.axd" runat="server"

bordercolor="#333333" borderstyle="Solid" borderwidth="1px" spellchecksettings-spellcheckprovider="PhoneticProvider">

<CSSFILES>

<TELERIK:EDITORCSSFILE value="~/App_Themes/RadEditor.css" />

</CSSFILES>

</TELERIK:RADEDITOR>

<TELERIK:RADSPELL id="RadSpell1" runat="server" buttontype="none" />

<script type="text/javascript">

function check(b) {

Telerik.Web.UI.Editor.CommandList.SpellCheck = function(commandName, editor) {

var spell = GetRadSpell('<%= RadSpell1.ClientID %>');

spell.spellCheck(new PrometheusTextSource(editor));

return false;

}

var PrometheusTextSource = function(editor) {

this._editor = editor;

this.get_text = function() { return this._editor.get_html(); };

this.set_text = function(value) { this._editor.set_html(value); };

}

</script>

Spell

answered on 17 Aug 2011

3 answers

87 views

Bind radgrid on radpanel item expand

HI
I'm using radcontrols in my asp.net website.
And these controls visually and functionality wise nice.

I have one scenario .
I have radpanelbar with 4 panel items.
each item contains one radgrid.
Now I'm binding every grid with theie needdatasource event.
My problem is suppose user select first item can go through radgrid paging at pageindex 5 and if he collapse the current panlelitem and expand other and comes expand the previous one still he will see the radgrid with pageindex 5.
So I want bind the grid while expand the panel item.

Hope u understand my problem.

please help me as early as possible.

PanelBar

answered on 17 Aug 2011

3 answers

309 views

Faking a browser resize, but things aren't going as expected - why are resize events not firing?

Hi Telerik,

This is from Stack Overflow, sorry for the copy-paste.

I have a dashboard web application. It contains some controls on it which are sized based on the browser and are also resizeable by the user. They are dynamically created and, as such, I persist their dimensions through page postbacks by storing their state in Session and in a database.

When my dashboard first loads there is a chance that I am pulling data out of the Database onto a monitor which is not the same size as when the data was written to the Database. The controls need to be resized proportional to how they were before. Fortunately, it appears that the controls are able to resize themselves to the correct, proportional dimensions if they believe they need to re-calculate their dimensions.

As such, on first page load, I would like to simulate the browser resizing. Is it possible to do something like this in javascript?

So, what I've done is this:

protected void Page_Load(object sender, EventArgs e)

{

RegenerationManager.Instance.RegenerateDockContents();

//Reload controls once to have them auto-detect browser settings.

if (!IsPostBack) ScriptManager.RegisterStartupScript(Page, Page.GetType(), "KEY01", "ForceResize();", true);

}

function ForceResize() {

setTimeout(function () {

window.onresize = function () { alert('Thanks, its resized!!'); };

$(window).resize();

}, 100);

}

The window's onresize event is confirmed to be firing, but I do not see the controls on the page respond in the same way that they do when I click the shrink/expand browser window icon in the upper right hand corner of the browser.

That is to say, I have OnClientResizing events for some RadPanes. These events do not fire when I call browser resize. What are they bound to?

I have tried forcing a postback on the RadPanes parent splitter. This does not seem to be sufficient enough to cause them to adjust their dimensions appropriately.

Thoughts?

Splitter

answered on 17 Aug 2011

4 answers

195 views

exiting edit mode after insert/update

Hi,

I'm using the code behind to perform insert/update/delete. a sample is as follows

protected void RadGrid1_InsertCommand(object sender, GridCommandEventArgs e)

{
//insert something here

}

after inserting, the grid stays within the edit mode. Please let me know of the setting to exit and refresh the grid....also to refresh the grid after deletion.

thanks,
Minh Bui

Grid

answered on 17 Aug 2011

1 answer

152 views

Can't get the vertical scrollbar to appear

Hi,

I have a Radgrid as shown below and for some reason vertical scrollbar does not appear. Please help.

<telerik:RadGrid ID="RadGrid1" runat="server" EnableAJAX="True" GridLines="None"

OnNeedDataSource="RadGrid1_NeedDataSource"

OnItemCreated="RadGrid1_ItemCreated"

OnItemCommand="RadGrid1_ItemCommand"

AllowPaging="False" AllowSorting="True" BorderColor="Gray" BorderWidth="1px"

Width="700px" PageSize="5"

OnItemDataBound="RadGrid1_ItemDataBound" ShowStatusBar="True"

Title="Report Queue" GroupingEnabled="False" AllowMultiRowSelection="True"

AutoGenerateColumns="False" AllowMultiRowEdit="True" Skin="WebBlue">

<MasterTableView CommandItemDisplay="Top">

<RowIndicatorColumn Visible="False">

<HeaderStyle Width="20px"/>

</RowIndicatorColumn>

<ExpandCollapseColumn Visible="False">

<HeaderStyle Width="19px" />

</ExpandCollapseColumn>

<CommandItemSettings AddNewRecordText="" RefreshImageUrl="../RadControls/Refresh_new.gif" />

<Columns>

<telerik:GridButtonColumn

HeaderText="Cancel ?" UniqueName="KillProcesses" AutoPostBackOnFilter="True" Text="Cancel" ButtonType="PushButton" CommandName="remove">

</telerik:GridButtonColumn>

<telerik:GridBoundColumn UniqueName="JobID" DataField="JobID" HeaderText="Job Id">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="SubmittedBy" DataField="SubmittedBy" HeaderText="Submitted By">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="TimeSubmitted" DataField="TimeSubmitted" HeaderText="Time Submitted">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="JobStatus" DataField="JobStatus" HeaderText="Job Status">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="ReportName" DataField="ReportName" HeaderText="Report">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings >

<Selecting AllowRowSelect="True" AllowCellSelect="True" AllowColumnSelect="True" />

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

</ClientSettings>

<SelectedItemStyle BackColor="#00C0C0" />

</telerik:RadGrid>

Thanks,

Olga

Grid

answered on 17 Aug 2011

2 answers

74 views

How to interact with controls in HeaderTemplate of DetailGrid ?

Hi all,

I have a Grid (master grid) which contains a Detail Grid for each row. In Detail Grid, I have created GridTemplateColumn with HeaderTemplate and ItemTemplate.
HeaderTemplate contains some image buttons which allow user interacting with them.

In NeedDataSource event of DetailGrid, I have fetched data from DB to bind its data. Depending on a property of each item (row), these image buttons are [displayed and set some properties] or not.

How can I access these image buttons for setting (invisible/visible, CommandArgument - from DataItem) for them ?

Thanks a lot for your help,
Phuc PHAM

Grid

answered on 17 Aug 2011

2 answers

1.2K+ views

Session Timeout Notification - Flashing Tab in browser?

I am trying to implement the Session Timeout functionality.

1) Is it possible to somehow get the browser window to flash/blink or something similar when the notification appears? If I have opened a PDF from my site and am reading that in its own tab, and the session timeout window appears on the previous tab, I want to be notified that it exists, otherwise the Timeout Window becomes a bit more pointless.

2) Also, your Session Timeout demo gets quite confusing when you say some of the code is there only for the demo but not needed otherwise, yet I can't seem to get mine to redirect me after the 2 minutes. Do you have a quick sample that shows an alert after 10 seconds, and then after 5 seconds of being visible, (and no action taken...simulating a session timeout) it redirects to a new page? I'm not sure what I am doing wrong.

Here's the HTML code I have so far:

<script language="javascript">

function SessionTimeoutOnShowing(sender, args) {

}

function ContinueSession() {

var notification = $find("rnSessionTimeout");

notification.update();

notification.hide();

}

</script>

<telerik:RadNotification ID="rnSessionTimeout" runat="server" Position="Center" Width="300"

Height="125" LoadContentOn="PageLoad" AutoCloseDelay="10000" ShowInterval="15000"

Title="Session Expiration" Value="~/" TitleIcon="Warning" OnClientShowing="SessionTimeoutOnShowing"

ContentIcon="Warning" Skin="Default" EnableRoundedCorners="true">

<ContentTemplate>

Your session is about to expire. Do you wish to continue using this site?<br />

<telerik:RadButton Skin="Default" ID="continueSession" runat="server" Text="Continue Your Session" Style="margin-top: 10px;" OnClientClick="ContinueSession(); return false;" />

</ContentTemplate>

</telerik:RadNotification>

Notification

answered on 16 Aug 2011

4 answers

158 views

Strange radgrid column size issue...?

I will preface this question by saying that I have only been using telerik tools for about a week and a half, but I am having a very strange issue and have not been able to find anything online that describes my issue.

I am using a RadGrid in one of my pages, and when I do not allow filtering everything shows up perfectly, however, as soon as I tick the 'Enable Filtering' check box, the width of one of my columns goes astronomically large. I'm not talking a few hundred pixels, Google Chrome put it at 114,085,104px wide. I have deleted and re-created the page, same issue. I also tried adding the 'Enable Filtering' property to another existing page that had a radgrid, and it also happened there. I have gone through the CSS several times to make sure it wasn't picking up something weird, but haven't found anything.

Any advice would be greatly appreciated.

Thanks!

Grid

answered on 16 Aug 2011

18 answers

260 views

RadGrid Rows marked Counting

Hello people,

Can you tell me how can I get the rows that are with color red in my RadGrid?? which is the property? I need to count them to update a text on a button, but the problem is that those rows are not selected, so I can't count them by item.selected property..

The button(Unprocessed) is not counting the Processed and updating the text because there are none "Selected" so the counting appears like "Processed (0) Total(300) " when you can see rows at red...can i get those rows to count?

Here is my code:

Grid

answered on 16 Aug 2011

2 answers

102 views

no fine-tune for ListView?

Am I losing my mind? Jumped into VSB today and wanted to do a quick skin for RadListVIew. A couple of things i noticed..

1 -- for reason when I create a skin it also adds other elements I didn't pick (Grid, Input, etc, etc). Didn't do this before.
2 -- there's no fine-tune option for ListView (this might be normal as I've never skinned ListView before).
3 -- upon downloading a vanilla DEFAULT skin for ListView, it didn't appear that it used DEFAULT as the base skin like it should have.

Figured I'd report a few quirks. Used both IE and FF to make sure it wasn't something funky with my browser.

I really don't like that it adds other components.... having to delete the files is a pain. Anyway, wanted to report. Thanks all.

Visual Style Builder

answered on 16 Aug 2011