Questions on UI for ASP.NET AJAX Forum

0 answers

181 views

Hello!

I have added data to my radcombobox but when I open the combobox I can´t see data.

Does anybody has any idea about this?

<telerik:RadComboBox ID="rcbVehicleInfoMake" runat="server" Height="250px" Width="120px" Skin="Simple" EnableLoadOnDemand="True" AllowCustomText="False" ShowMoreResultsBox="True" ItemRequestTimeout="500" HighlightTemplatedItems="True" MarkFirstMatch="True" DropDownWidth="310px" SelectOnTab="True" OffsetX="0" ShowDropDownOnTextboxClick="True" ExternalCallBackPage="../RCBStreamers/VehicleMakes.aspx" OnItemsRequested="rcbVehicleInfoMake_ItemsRequested">
                                                        <HeaderTemplate>
                                                            <table style="width: 300px;">
                                                                <tr>
                                                                    <th style="width: 350px; text-align: left;">
                                                                        Description
                                                                    </th>
                                                                    <th style="width: 50px; text-align: left;">
                                                                        Code
                                                                    </th>
                                                                </tr>
                                                            </table>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <table style="width: 300px; cursor: pointer;">
                                                                <tr>
                                                                    <td style="width: 350px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeDesc']")%>
                                                                    </td>
                                                                    <td style="width: 50px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeCode']")%>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </ItemTemplate>
</telerik:RadComboBox>

ComboBox

updated question on 08 Jun 2021

1 answer

289 views

RadCombobox not displaying properly after update

I have updated my telerik dll to 2021 version and I´m facing some problems with radcombobox. I´m not able to open the items and options arrow disappeared.

<telerik:RadComboBox ID="rcbVehicleInfoMake" runat="server" Height="250px" Width="120px" Skin="WindowsXP" EnableLoadOnDemand="True" AllowCustomText="False" ShowMoreResultsBox="True" ItemRequestTimeout="500" HighlightTemplatedItems="True" MarkFirstMatch="True" DropDownWidth="310px" SelectOnTab="True" OffsetX="0" ShowDropDownOnTextboxClick="True" ExternalCallBackPage="../RCBStreamers/VehicleMakes.aspx">
                                                        <HeaderTemplate>
                                                            <table style="width: 300px;">
                                                                <tr>
                                                                    <th style="width: 350px; text-align: left;">
                                                                        Description
                                                                    </th>
                                                                    <th style="width: 50px; text-align: left;">
                                                                        Code
                                                                    </th>
                                                                </tr>
                                                            </table>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <table style="width: 300px; cursor: pointer;">
                                                                <tr>
                                                                    <td style="width: 350px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeDesc']")%>
                                                                    </td>
                                                                    <td style="width: 50px;">
                                                                        <%#DataBinder.Eval(Container, "Attributes['MakeCode']")%>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </ItemTemplate>
</telerik:RadComboBox>

Please let me know if you have any clue about this issue.

Ajax

ComboBox

answered on 08 Jun 2021

1 answer

172 views

Dynamic ListViewDataGroup

Hi,

I'm trying to create a dynamic ListViewDataGroup with code-behind value for 'groupField', is that possible ?

<telerik:RadListView ID="lv_xxx"
                EnableViewState="false"
                ItemPlaceholderID="itemPlaceHolder"
                OnItemDataBound="lv_xxx_ItemDataBound"
                runat="server"  >

                <LayoutTemplate>
				.....
				</LayoutTemplate>

                <DataGroups > 
                <telerik:ListViewDataGroup GroupField='<%= this.XXX >' DataGroupPlaceholderID="groupPlaceHolder" SortOrder="Ascending"  > 
                        <DataGroupTemplate>
                            <tr>
                                <td>
                                    <%# (Container as RadListViewDataGroupItem).DataGroupKey %>
                                </td>
                            </tr>
                            <asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
                        </DataGroupTemplate>
                    </telerik:ListViewDataGroup>
                </DataGroups>

                <EmptyDataTemplate> 
                </EmptyDataTemplate>

                <ItemTemplate>
				......
				/ItemTemplate> 
           </telerik:RadListView>

thanks

ListView

answered on 08 Jun 2021

18 answers

4.4K+ views

Find Row Index of radgrid on client side

Hi Team,
I have a radgrid with some bound columns. In one of the bound columns, I have DataFormatString property set to call a javascript function. The same bound column shows numeric values.
I did this because I wanted to open a popup on click of the numeric values.
Now I want to find the row index of the radgrid so that I can use

MasterTable.getCellByColumnUniqueName(MasterTable.get_dataItems()[0], "ChartOfAccountSetDetailDescription").innerHTML

Here, in MasterTable.get_dataItems()[0], I always get the values in the first row because of the [0] ,
which is the rowindex.

So, I want to find out the row index of the current cell.

Here is my aspx :

<telerik:RadGrid ID="rgProjectBudget" OnNeedDataSource="rgProjectBudget_NeedDataSource" runat="server" AutoGenerateColumns="False" AllowSorting="True" ShowFooter="true">

<MasterTableView>

<Columns>

<telerik:GridBoundColumn DataField="ChartOfAccountSetDetailValueCode" DataType="System.String" HeaderText="Project Heads" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" UniqueName="ChartOfAccountSetDetailValueCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="COARequisitionAmount" HeaderText="Commited" DataField="COARequisitionAmount" FooterText="Commited: " FooterAggregateFormatString=" {0:N}" FooterStyle-Font-Bold="true" CurrentFilterFunction="Contains" DataFormatString="<a href='javascript:MyFunction()'>{0:N}</a

>" AutoPostBackOnFilter="true" Aggregate="Sum">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

<script>

function MyFunction() {

var grid = $find("<%=rgProjectBudget.ClientID %>");

var MasterTable = grid.get_masterTableView();

var contactName = MasterTable.getCellByColumnUniqueName(MasterTable.get_dataItems()[0], "ChartOfAccountSetDetailValueCode").innerHTML;

}

</script>

And, I am not using RowSelected client side event

Any help appreciated,
Thanks,
Lok..

Grid

answered on 04 Jun 2021

0 answers

161 views

Custom context menus in ASP RadScheduler disappear after AppointmentContextMenuItemClicked

I build custom context menus at runtime for each appointment. The menus work fine, I get the AppointmentContextMenuItemClicked event and am able to act on the menu option chosen, but the UI drops all of the custom menus. The next time I right-click on any appointment, it only has Edit and Delete options. I've tried Rebind() at the end of the AppointmentContextMenuItemClicked, but it does not refresh, and even if I call databind and step through the code where it reconstructs all of the menus, they still do not show up in the browser. Anyone dealt with this?

Menu

Scheduler

asked on 03 Jun 2021

1 answer

175 views

RadListBox help

I have RadLisBox custom scripts and am putting focus on ClientLoad()

Something like

Function OnClientLoad(sender, eventsArgs)

{

var RadListBox = $find('radlistbox.clientid')

RadListBox.on('focus', function (e) {
var index = $('#' + e.target.closest("li").id).index();
var item = radListControl.get_items().getItem(index);
if (item) {
radListControl.clearSelection();
radListControl._activateItem(item, true);
item.set_selected(true);
}
});

}

item.set_selected(true) give me an error on _updatevalidationfield()

Can I override this code somehow?

Edit: There is custom validator attached to this. Think the error is coming from it

EDIT2: I think I figured it out (maybe?). The items within the control are disappearing after some time - probably postback event from validator. I had sort of singleton in place cause I did not need to update the instance of the control. After removing it at least at this point it seems ok.

ListBox

answered on 01 Jun 2021

1 answer

377 views

Icon for radasync button

Hi

I am trying to add font icon to radasyncupload but it does not align well. Text and icon are not at same height as shown below.

As shown above,

the "Download Template" is a radbutton control with markup as <telerik:RadButton runat="server" ID="rbDownloadTemplate" Text="Download Template"
                    k" RenderMode="Lightweight">
                    <Icon PrimaryIconCssClass="rbDownload"></Icon>
                </telerik:RadButton>

the "Upload data" is a radasyncupload control with markup as    <telerik:RadAsyncUpload RenderMode="Lightweight" runat="server" ID="rauUploadFile" ClientIDMode="Static"
                    MaxFileInputsCount="1" MultipleFileSelection="Disabled" DropZones=".DropZone1"
                    AllowedFileExtensions="xls,xlsx,csv"
                    OnFileUploaded="rauUploadFile_FileUploaded"
                    OnClientFileUploaded="rauUploadFile_OnClientFileUploaded"
                    OnClientValidationFailed="rauGeneric_OnClientValidationFailed" HideFileInput="true" CssClass="uploadButton" AriaSettings-Label="lbl">
                    <Localization Select="Upload data" />
                    <FileFilters>
                        <telerik:FileFilter Extensions="xls,xlsx,csv" />
                    </FileFilters>
                </telerik:RadAsyncUpload>

and my custom css to hide upload input and other settings

.ruBrowse::before {
    content: "\e133" !important;
    font: 16px/1 "WebComponentsIcons" !important;
}

.uploadButton {
    display: inline !important;
    position: relative !important;
}

    .uploadButton ul {
        display: inline !important;
    }

div.RadUpload .ruFakeInput {
    visibility: hidden !important;
    width: 0px !important;
    padding: 0px !important;
}

Can you please help in adding the font icon to asyncupload and look same as radbutton font icon

Thank you.

AsyncUpload

Button

answered on 31 May 2021

1 answer

293 views

Get the list of the columns and visibility

Hi there,

Is there any way to obtain the list of the columns and the visibility from the first control below the columns label?

Regards,

Alvaro.

Grid

answered on 31 May 2021

2 answers

154 views

Font family not correct in editor windows

After update to 2021.2.511 the font in all windows of the editor are serif instead of Segoe.

Please refer to attached screenshots.

Any idea why this could be happening?

Thanks,

Marc

Editor

answered on 31 May 2021

3 answers

143 views

Change the value typed into the inputbox programatically

I have this code that only allows the user to type a single word. Therefore the blank space (32) is taken as the end of the word.

I can GET the typed text and trim it this way:

var typed = $find('<%= RadAutoCompleteBox1.ClientID %>').get_inputElement().value.trim();

So if the client type "mytext " it will be converted to "mytext"

Now I need to know how to replace what user typed back with the trimmed text.

Thanks in advance!

AutoCompleteBox

answered on 29 May 2021