Questions on UI for ASP.NET AJAX Forum

0 answers

127 views

Radgird 508 compliance with Jaws

I have 2 question Related to 508 compliancy of RadGrid . Screen Reader used is Jaws.

Visual studio 2019

VB.NET

Framework version 4.8

Product: Telerik ASP.NET Ajax controls

Browser: Edge and Chrome

RadGrid property EnableAriaSupport = True is causing Jaws to Read Normal grid without nesting structure to announce as Nesting Level 1. If we remove the property, how is it going to affect the 508 accessibility.
RadGrid Pager is being rendered as nested table. Is there a way for the pager not to render as table but normal div with the pager being aligned to center . I used render mode of Lightweight That enabled the Pager to be rendered as div but the layout is not centered.

Accessibility

Grid

updated question on 31 May 2022

1 answer

215 views

how to define style to export GridImageColumn from RadGrid?

As I said, how to define style to export GridImageColumn from RadGrid?

I have a GridImageColumn, and the real size of pic is 100px*100px, and I set both ImageHeight and ImageWidth are 40px, it works fine to show on UI, no issues. my question is, when I export the RadGrid to Excel, GridImageColumn is also export successful, but the size is 100px*100px, how do I define some styles to change the size in Excel when exoprting? because I would like to be same size as shown as on UI. thank you very much.

Grid

answered on 31 May 2022

2 answers

150 views

RadGrid on Page event, only appear 1 row when should be 20

Hi,

When currentpageindex = 1, grid retrieve only 1 row but if currentPageIndex <> 1 returns the rows excepted.

I ajaxified the grid.

        <telerik:RadAjaxManager ClientEvents-OnResponseEnd="AjaxResponseEnd" ID="ramRepostasConsentimentos" runat="server">
            <AjaxSettings>
                <telerik:AjaxSetting AjaxControlID="rgListagem">
                    <UpdatedControls>
                        <telerik:AjaxUpdatedControl ControlID="rgListagem" />
                    </UpdatedControls>
                </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>

I set pageSize to 20 and i am using custom paging.

                    <telerik:RadGrid ID="rgListagem" runat="server" RenderMode="Lightweight" Width="100%" CellSpacing="0" BorderWidth="0" GridLines="None" PageSize="20" EnableViewState="true">
                        <MasterTableView TableLayout="Fixed" AutoGenerateColumns="false" AllowCustomPaging="true" AllowPaging="true" PageSize="20" ShowHeadersWhenNoRecords="true">
                            <Columns>
                                <telerik:GridBoundColumn DataField="numMec" HeaderText="Nº Mec.">
                                    <HeaderStyle CssClass="TextIndent" Width="100px" />
                                    <ItemStyle CssClass="TextIndentRight" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="descColaborador" HeaderText="Colaborador">
                                    <HeaderStyle CssClass="TextIndent" Width="30%" />
                                    <ItemStyle CssClass="TextIndent" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="descConsentimentoInformado" HeaderText="Consentimento Informado">
                                    <HeaderStyle CssClass="TextIndent" Width="70%" />
                                    <ItemStyle CssClass="TextIndent" />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="consentimento" HeaderText="Consentimento">
                                    <HeaderStyle CssClass="TextIndent" Width="100px" />
                                    <ItemStyle CssClass="TextIndent" />
                                </telerik:GridBoundColumn>
                            </Columns>
                        </MasterTableView>
                        <HeaderStyle VerticalAlign="Middle" HorizontalAlign="Left" />
                        <AlternatingItemStyle CssClass="TLookUpsRowBlue" VerticalAlign="Middle" />
                        <ItemStyle CssClass="TLookUpsRowGrey" VerticalAlign="Middle" />
                        <PagerStyle Mode="NextPrevAndNumeric" Position="Bottom" PageSizeControlType="None" PagerTextFormat="{4} Pag. {0} de {1}, Registos {2} até {3} de {5}." CssClass="TLookupsFooter" PageButtonCount="5" />
                        <ClientSettings>
                            <Scrolling UseStaticHeaders="true" AllowScroll="true" />
                        </ClientSettings>
                    </telerik:RadGrid>

I am using OnNeedDataSourceEvent.

Protected Sub rgListagem_NeedDataSource(sender As Object, e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles rgListagem.NeedDataSource
        Dim SqlCmd As SqlCommand, SqlDa As SqlDataAdapter, Data As DataTable

            SqlCmd = fGetClsFunc.fGetCommand(StoredProcedureName, CommandType.StoredProcedure, True)
            SqlCmd.Parameters("@strAction").Value = "R"
            SqlCmd.Parameters("@skip").Value = rgListagem.MasterTableView.CurrentPageIndex * rgListagem.MasterTableView.PageSize
            SqlCmd.Parameters("@take").Value = rgListagem.MasterTableView.PageSize +

rgListagem.MasterTableView.CurrentPageIndex * rgListagem.MasterTableView.PageSize


            SqlDa = New SqlDataAdapter(SqlCmd)
            Data = New DataTable()

            SqlDa.Fill(Data)


        rgListagem.DataSource = Data
        rgListagem.VirtualItemCount = SqlCmd.Parameters("@Contador").Value
    End Sub

if CurrentPageIndex = 1, Query returns 20 rows but only appear one.

Ajax

AjaxPanel

Grid

answered on 31 May 2022

1 answer

187 views

Header Context menu Indicate Filtered column in header ?

Is there a better way, or built-in way, when an Item gets Filtered using the drop-down menu, to show it in the header cell like it does when you sort.

I found an old thread and copied it to my Item Command, so an image is shown for now.
Am I missing a setting to do it automatically? I let them choose the Theme, so I can't arbitrarily impose a syle on the Header.

Thanks

David

            if (e.CommandName == RadGrid.HeaderContextMenuFilterCommandName)
                {
                Triplet arguments = e.CommandArgument as Triplet;
                Pair filter1 = arguments.Second as Pair;
                Pair filter2 = arguments.Third as Pair;
                GridColumn column = (rgCOREPARTS  as RadGrid).MasterTableView.GetColumn(arguments.First.ToString());
                if (filter1.First.ToString() == "NoFilter" && filter2.First.ToString() == "NoFilter")
                    {
                    column.HeaderText = column.UniqueName;
                    }

                else
                    {
                    column.HeaderText = column.HeaderText + "<img src = 'https://hq.certifiedtransmission.com/ufo/Images/Filter02.png' style='float: right;'>";
                    }
                }

Filter

Grid

answered on 31 May 2022

0 answers

672 views

Rich Text Editor is sanitizing HTML entities that need to be kept

I'm using Sitecore 9.3 and the RTE is currently removing HTML entities that needs to be kept in content.
The issue is with the word joiner entity:

⁠

&NoBreak;

https://www.screencast.com/t/nL1ufw7s

Is there anything that can be done to fix that behavior?

Thanks!

Editor

asked on 30 May 2022

1 answer

192 views

Using barcode reader on radsearchbox not fire Search event.

Radsearchbox is working fine when user input is by typing or copy-paste but when the input is from barcode reader radsearchbox not fire Search event.

¿Can i use an alternative event?

SearchBox

answered on 30 May 2022

0 answers

175 views

Grid with Hyperlink column using Drag and Drop

We have a couple of grids in which we use drag and drop to move content between the grids. However in a recent update, we needed to add a hyperlink column to the grids. The problem is when you want to drag and you click on the hyperlink column, it does not select and drag the row, it appears to try and drag a link(and no drag/drop events fire). Of course we would like the single click to continue to launch a detail page from hyperlink, but click and drag to move the row to the other grid.

Is is possible to distinguish between a single click to launch the hyperlink content, but also recognize the click and hold for dragging to move the row to the other grid ???

Grid

asked on 27 May 2022

0 answers

181 views

RadEditor Undo and Redo

RadEditor has Undo Redo controls, The issue is under same page in each different instance RadEditor is retaining data when we click on Undo Redo. So, we need to clear the buffer that exists in Undo, Redo. Please provide any solution for this.

Editor

asked on 27 May 2022

1 answer

604 views

Load selected image from the Image Gallery into Image Editor

Hi,
the scenario we need is this:
There is a list of images displayed in the gallery view (images are stored on the http file server). After you click on one of the images in the gallery view, we need the image editor to load the selected image for editing, and be able to save it after editing is done.

Do we need to download image first to the local temp folder, or can we load them from the URL? Is there an example?

How can I get image from the selected gallery item loaded into the editor?

Thank you,

ImageEditor

ImageGallery