Questions on UI for ASP.NET AJAX Forum

3 answers

252 views

When I select a node in a TreeView, I'd like the ability to unselect it without selecting a different node by clicking the node (to toggle it selected or unselected)

<telerik:RadTreeView ID="blocks" ShowLineImages="false" runat="server" OnClientNodeClicked="BlockClicked" MultipleSelect="true">
   <NodeTemplate >
......
   </NodeTemplate>
</telerik:RadTreeView>

This JavaScript doesn't seem to do what I thought...

function BlockClicked() {
   var tree = $find("<%= blocks.ClientID %>");
   var node = tree.get_selectedNode();
   if (node.IsSelected == false) {
   alert('Selected');
   node.unselect();
   }
   else {
   alert('Not Selected');
   node.select();
   }
   }

TreeView

answered on 04 Apr 2011

1 answer

109 views

Editor Documentation

This may sound a little lazy on my part, but I'm looking for existing documentation of some sort that can be modified/updated/etc. regarding the use of the RadEditor by OUR END USERS. This would include maintaining the dictionary, inserting graphics, etc., but would not include how to technically configure the Editor control to accomplish these tasks which is a completely different topic.

I realize that this is our responsibility to provide to our clients/end users/etc., but a starting document of some kind would surely shorten the development time.

Does anyone know of any document/document pieces/etc. that is available as a starting point?

Thanks in advance!

Lynn

Editor

answered on 04 Apr 2011

1 answer

53 views

How to invoke "update" on an edited item? ...Or?

Hi-

I have all my grid items in editmode, and I'd like to know how to apply changes to an InsertedItem when someone clicks on "OK" somewhere else in the page. Right now I'm doing a loop over these to get the rest of the items:

foreach (GridDataItem item in radGrid.Items)

{

// do something with the items

}

But when I am inserting a new item I'm not getting access to it. Should I manually invoke "Update" from code-behind as part of the page submit event (and how can I do that?), or should I try to somehow read the new values in the controls for the InsertItem without invoking an "update"?

Thanks,

-Mike

Grid

answered on 04 Apr 2011

2 answers

116 views

Artifacts on disabled image

Hi All,

I am using RadControls for ASP.NET Q3 2010. I am converting a web application to use the radtoolbar with the Office2007 theme. The current web application has several buttons in a table row. I have changed those buttons to RadToolBarButtons and wrapped in the RadToolBar. Everything is working except the display of the disabled buttons. When the buttons are disabled, the button image has artifacts around it; the button does not look like the original image. I really just want to use the same image and override the opacity. Even if I override the opactiy and set it to 100, the image does not look like the original; I would expect that if the opacity had been set to 100 the image would be identical to the enabled version. I am using IE 8. I have attached an image to further describe this issue.

Thanks,
Cliff

ToolBar

answered on 04 Apr 2011

3 answers

94 views

Problems with DetailTable

I am adding a table of detail in each row that appears, add it to programming. The problem is, when you expand the line, you see all the tables in detail all items.
'What may be missing?

this is my code for add a table of detail in each row:

DataTable datTabDatosDetalle = new DataTable();

if (ViewState["OrdCompraProdDetallesSub" + IdOrdenCompra + Skucode] == null)

{

datTabDatosDetalle = CCSMovimientoProductos.BuscarProdDetOrdenCompra_CEDIS(IdOrdenCompra, Skucode).Tables[0];

ViewState.Add("OrdCompraProdDetallesSub" + IdOrdenCompra + Skucode, datTabDatosDetalle);

}

else

datTabDatosDetalle = (DataTable)ViewState["OrdCompraProdDetallesSub" + IdOrdenCompra + Skucode];

Telerik.Web.UI.GridTableView detailTable = new Telerik.Web.UI.GridTableView(radGriOrdComDetalles);

radGriOrdComDetalles.MasterTableView.DetailTables.Add(detailTable);

detailTable.Name = "tabDetail" + IdOrdenCompra + Skucode;

detailTable.DataKeyNames = new string[] { "Id", "prodSkucode" };

detailTable.EnableViewState = true;

detailTable.NoDetailRecordsText = "Sin registros.";

detailTable.Caption = "Detalle del producto Sku " + Skucode;

detailTable.EditMode = Telerik.Web.UI.GridEditMode.InPlace;

foreach (DataColumn dc in datTabDatosDetalle.Columns)

{

Telerik.Web.UI.GridBoundColumn campo = new Telerik.Web.UI.GridBoundColumn();

detailTable.Columns.Add(campo);

campo.UniqueName = "col" + dc.ColumnName;

campo.HeaderText = "[ " + dc.ColumnName + " ]";

campo.HeaderStyle.Font.Bold = true;

campo.HeaderStyle.HorizontalAlign = HorizontalAlign.Center;

campo.DataField = dc.ColumnName;

if (dc.ColumnName == "Id")

campo.Visible = false;

if (dc.ColumnName == "prodSkucode")

campo.Visible = false;

if (dc.ColumnName == "Talla")

campo.ReadOnly = true;

}

Telerik.Web.UI.GridEditCommandColumn campoEdit = new Telerik.Web.UI.GridEditCommandColumn();

campoEdit.UniqueName = "colEdit";

campoEdit.ButtonType = Telerik.Web.UI.GridButtonColumnType.ImageButton;

campoEdit.EditText = "Editar";

campoEdit.UpdateText = "Actualizar";

campoEdit.CancelText = "Cancelar";

detailTable.Columns.Add(campoEdit);

detailTable.DataSource = datTabDatosDetalle;

detailTable.Rebind();

radGriOrdComDetalles.Rebind();

Grid

answered on 04 Apr 2011

0 answers

79 views

Tabstrip , Masterpage and postbck

I have a Telerik Tab strip control on a master page as follows.

<telerik:RadTabStrip ID="rtsOrders" runat="server"

Width="350px"

Skin="Outlook"

Align="Justify" >

<Tabs>

<telerik:RadTab Text="Manage Groups" Width="100" Visible="false" NavigateUrl="~/Group/GroupMembers.aspx" />

<telerik:RadTab Text="Manage Orders" Width="100" Visible="false" NavigateUrl="~/Manager/ManageOrders.aspx" />

<telerik:RadTab Text="My Orders" Width="100" NavigateUrl="~/Order/MyOrders.aspx" />

</Tabs>

</telerik:RadTabStrip>

All above tab navigation URLs are content pages. When I click on the tab, I do see flicker and complete page loading even though I did not set Autopostback to true for Radtabstrip.

I put a breakpoint on page load of master page. It does come there on every tab click and when I check for ?page.Request.Params.Get("__EVENTTARGET") It comes as nothing.

I really don’t know why page behaves like this?

Thanks!

TabStrip

asked on 04 Apr 2011

2 answers

100 views

EditColumn Button In Top Position

Hi all,
i'm using a RadGrid and i'm managing the operations of insert / update / delete operations by automatically provided by the grid.
When you are in edit / insert i need that buttons of confirmation / cancellation are positioned not only in bottom position but also at top of the form.
Here my code:

<EditFormSettings ColumnNumber="3" CaptionDataField="codice_Astuccio"

CaptionFormatString="Modifica le caratteristiche del codice astuccio: {0}"

InsertCaption="Nuovo astuccio">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"

Width="1024px" />

<FormTableStyle CellSpacing="0" CellPadding="2" Width="330px" Height="110px" BackColor="White" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<EditColumn ButtonType="ImageButton" InsertText="Inserisci astuccio" UpdateText="Modifica astuccio"

UniqueName="EditCommandColumn1" CancelText="Cancella le modifiche">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

</EditFormSettings>

Thank in advance at all,

Grid

answered on 04 Apr 2011

2 answers

54 views

Some actions in Undo/Redo are shown not localized

Hi !

Some actions in Undo/Redo list are shown not localized. I can say for sure about Justify group (JustifyLeft, JustifyRight and so on).

Phrases with translation are present in resx file. Looks like they had been picked up but not shown in UI.

Is this an issue or I do something wrong here?

Editor

answered on 04 Apr 2011

1 answer

54 views

Want to sort the grid based on a field

When i double click a row, it turns to edit mode. After editing the row and click out side any other row, the grid is automatically updating.

i want to sort the grid based on the field "unit price". how can i do this ?

here is the code i used

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="RadGrid1">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                        <telerik:AjaxUpdatedControl ControlID="Label1" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
        <telerik:RadGrid ID="RadGrid1" DataSourceID="SessionDataSource1" Width="97%"
            ShowStatusBar="True" AllowSorting="True" PageSize="7" GridLines="None" AllowPaging="True"
            runat="server" AllowAutomaticUpdates="True" OnItemUpdated="RadGrid1_ItemUpdated" AutoGenerateColumns="False" OnDataBound="RadGrid1_DataBound">
            <MasterTableView TableLayout="Fixed" DataKeyNames="ProductID" EditMode="InPlace">
              <Columns>
                <telerik:GridBoundColumn UniqueName="ProductID" DataField="ProductID" HeaderText="ProductID" ReadOnly="True" HeaderStyle-Width="10%" />
                <telerik:GridBoundColumn UniqueName="ProductName" DataField="ProductName" HeaderText="Product name"
                 HeaderStyle-Width="25%" ColumnEditorID="GridTextBoxColumnEditor1" />
                <telerik:GridBoundColumn UniqueName="QuantityPerUnit" DataField="QuantityPerUnit" HeaderText="Quantity"
                 HeaderStyle-Width="20%" />
                <telerik:GridNumericColumn UniqueName="UnitPrice" DataField="UnitPrice" HeaderText="UnitPrice" HeaderStyle-Width="10%" ColumnEditorID="GridNumericColumnEditor1" />

</Columns>
            </MasterTableView>
            <ClientSettings>
                <ClientEvents OnRowClick="RowClick" OnRowDblClick="RowDblClick"
                    OnGridCreated="GridCreated" OnCommand="GridCommand" />
            </ClientSettings>
        </telerik:RadGrid>
        <telerik:GridTextBoxColumnEditor ID="GridTextBoxColumnEditor1" runat="server" TextBoxStyle-Width="180px" />

Grid

answered on 04 Apr 2011

2 answers

93 views

Customize ImageManager

Hello,
In my website I'm using the Radeditor. When I'm inserting an image with ImageManager, I'd like to automatically set the style "vertical-align: top;", so I don't have to change the alignement-property for every inserted image. Is it possible to do this?
Thanks for your reply!

Editor

answered on 04 Apr 2011