Questions on UI for ASP.NET AJAX Forum

0 answers

28 views

Grid Style

radgrid
I want to do the following visual effect is only one row but view
and 3 thanks

Mario Ovalle
1000 Flying in the region of Zone 5
01-May-2001 31-July-2011

Grid

asked on 04 Jun 2011

1 answer

46 views

javascript for making columns visibility true and false

i have a grid and image button.on image button click i need to hide some columns of radgrid and another click of the same button i need to make the columns visibility true using javascript.

Can you please send me sample code to do so as soon as possible.

Grid

answered on 03 Jun 2011

9 answers

282 views

What type of SQL field do I use for RadEditor

I have a sql varchar(max) field I'm using now to store instructions for an Inspection record. I want to use the RadEditor to edit the instructions but I haven't seen where it shows the kind of SQL field to bind to. Would I want to change it to a binary field?

Editor

answered on 03 Jun 2011

8 answers

72 views

can you please tell me how to set a column in edit mode(in place) on the client through onrowclick event

Grid

answered on 03 Jun 2011

2 answers

582 views

Change icon for GridEditCommandColumn for edited item only

I have a radgrid with an editform defined in a FormTemplate. When the editform opens below the grid row based on the user clicking the Edit icon in that grid row, it would be nice to then change the icon just clicked to a cancel icon (the user is now in edit mode - why show edit icon), but ONLY for the item being edited - the other items should still have edit icons. Is this possible in a RadGrid? The edit icon is defined in a GridEditCommandColumn. Thanks!

Grid

answered on 03 Jun 2011

0 answers

108 views

Error with three RadGrid

Hello, to get three grids generates the following error (if left alone a no errors):

Microsoft JScript runtime error: Sys.WebForms.PageRequestManagerServerErrorException: Object reference not set to an instance of an object.

CodeBlock:

<telerik:RadScriptManager ID="ScriptManager1" runat="server">
</telerik:RadScriptManager>
<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Skin="Office2007">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="LoadingPanel1" EnableAJAX="true">
<div class="mainDiv">
<div class="rotatorBackground" style="background: url(../../Images/main_back.png) no-repeat; width: 880px; height: 539px; padding: 29px 5px 0 0px;">
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="0" style="margin-left: 9px;">
<Tabs>
<telerik:RadTab Text="CRC Recibido">
</telerik:RadTab>
<telerik:RadTab Text="CRC Interno">
</telerik:RadTab>
<telerik:RadTab Text="CRC Enviado">
</telerik:RadTab>
<telerik:RadTab Text="CRC OMS">
</telerik:RadTab>
<telerik:RadTab Text="ARCHIVO">
</telerik:RadTab>
<telerik:RadTab Text="IMAGENES">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" >
<telerik:RadPageView ID="RadPageView1" runat="server">
<telerik:RadGrid ID="GrillaCRCRecibido" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCRecibido_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True">
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCRecibido_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView2" runat="server">
<telerik:RadGrid ID="GrillaCRCInterno" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCInterno_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True" >
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCInterno_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView3" runat="server">
<telerik:RadGrid ID="GrillaCRCEnviado" runat="server" Width="860" Height="475" PageSize="50" AllowSorting="true" AllowMultiRowSelection="true"
AllowPaging="true" ShowGroupPanel="true" GridLines="None" GroupingEnabled="true" Style="border: 0; outline:none;" Skin="Office2007"
OnNeedDataSource="GrillaCRCEnviado_NeedDataSource">
<PagerStyle Visible="false" />
<MasterTableView AllowFilteringByColumn="true" AllowMultiColumnSorting="True">
<Columns>
<telerik:GridClientSelectColumn UniqueName="Select">
<HeaderStyle Width="30px" />
</telerik:GridClientSelectColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" AllowAutoScrollOnDragDrop="true" AllowDragToGroup="True" ReorderColumnsOnClient="True">
<ClientEvents OnScroll="CRCEnviado_Scroll" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="275px"/>
<Selecting AllowRowSelect="True" />
<Resizing AllowColumnResize="true" AllowResizeToFit="true" />
<ClientMessages DragToGroupOrReorder="Arrastre al Grupo" DragToResize="Redimensionar" />
</ClientSettings>
<GroupingSettings ShowUnGroupButton="true" />
<HeaderStyle Width="200px" />
</telerik:RadGrid>
</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView4" runat="server">

</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView5" runat="server">

</telerik:RadPageView>
<telerik:RadPageView ID="RadPageView6" runat="server">

</telerik:RadPageView>
</telerik:RadMultiPage>
</div>
<br />
<br />
</div>
</telerik:RadAjaxPanel>
</center></form>
 </td>

Grid

asked on 03 Jun 2011

1 answer

119 views

Determining Bounds of Editor on a Scrollable Page

Greetings!

I am still trying to implement Drag & Drop from RadTreeView to RadEditor. Currently, I have the isMouseOver checks split depending on the current Content Mode of the editor(ie: using get_contentAreaElement() in Design and _getTextIframe() in HTML). This all works fine when the page is short and not scrollable. I also have RadGrids on the page, and when they contain substantial amounts of rows the page begins to scroll vertically. When this happens and I am for instance towards the bottom of the scrollable page, it appears that the $telerik.getBounds() values stay the same even though the Editor is not in the same position anymore(it has visibly moved up).

//Check if the image is over the editor design view or not

function isMouseOverEditorDesignView(editor, events) {

var editorFrame = editor.get_contentAreaElement();

var editorRect = $telerik.getBounds(editorFrame);

var mouseX = events.clientX;

var mouseY = events.clientY;

if (mouseX < (editorRect.x + editorRect.width) &&

mouseX > editorRect.x &&

mouseY < (editorRect.y + editorRect.height) &&

mouseY > editorRect.y) {

return true;

}

return false;

}

//Check if the image is over the editor text area or not

function isMouseOverEditorCodeView(editor, events) {

var htmlFrame = editor._getTextIframe();

var htmlRect = $telerik.getBounds(htmlFrame);

var mouseX = events.clientX;

var mouseY = events.clientY;

if (mouseX < (htmlRect.x + htmlRect.width) &&

mouseX > htmlRect.x &&

mouseY < (htmlRect.y + htmlRect.height) &&

mouseY > htmlRect.y) {

return true;

}

return false;

}

Is there a way where I can adjust the getBounds values based on my scroll position? Thanks in advance!

Sincerely,

Andrew

Editor

answered on 03 Jun 2011

0 answers

101 views

Functionality request: numeric prevent decimal

Hey guys

From searches, I see this going all the way back to asp.net non ajax. Many people want the ability to use the numeric to capture an integer. I know the decimal gets removed when you lose focus, but I would prefer to see it not accepted, like if an alpha key is hit. I know we can code keypress events and do all sorts of other stuff, but I think this is important enough to be considered a behavior of the control. For instance, if :

<NumberFormat DecimalDigits="0" GroupSeparator=""/>

Pressing the decimal point or comma should throw the error symbol and not echo the character. What do you think?

Input

asked on 03 Jun 2011

1 answer

57 views

Edit Mode on Double Click only

Is it possible to go into Edit Mode on a row without an Edit button?
I can Select using a client setting - can I edit that way, too?

Grid

answered on 03 Jun 2011

0 answers

75 views

change gridclientdeletecolumn confirmtext in codebehind

I need to internationalize the confirmation text from my GridClientDeleteColumn with a text set in code behind (because translations are in the db, not in resource files). I know how to get ahold of the controls inside of the column for a specific row in the ItemCreated method (item["DeleteColumnName"].Controls[0]), but I don't know how to get ahold of the GridClientDeleteColumn itself to change the ConfirmText field, and I don't know how to get ahold of the whole column at once to change for all rows as opposed to one row at a time. Any thoughts?

Many thanks!

Grid

asked on 03 Jun 2011