Questions on UI for ASP.NET AJAX Forum

3 answers

445 views

Rad Radio Button List disappers after postback

I am experiencing an issue when I converted a .NET radioButtonList to a Telerik.Web.UI.RadRadioButtonList.

We display Yes/No Radio Buttons, then depending on which was clicked we show a panel.

After the OnSelectedIndexChanged fires the RadRadioButtonList will disappear.

Additionally during the Event the SelectedValue is not set, and the SelectedIndex = -1. Niether of these issues happen with the ASP RadioButtonList object.

Any help would be greatly appreciated.

WG

Sample code to reproduce error:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TelerikRadioButtonListError.aspx.vb" Inherits="TelerikQuickQuote.TelerikRadioButtonListError" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>

    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <div>
            <span>Are you Currently Insured:</span>

            <telerik:RadRadioButtonList ID="RBL_CurrentlyInsured" runat="server" AutoPostBack="true" OnSelectedIndexChanged="RBL_CurrentlyInsured_SelectedIndexChanged">
                <Items>
                    <telerik:ButtonListItem Text="Yes" Value="1" Selected="false"></telerik:ButtonListItem>
                    <telerik:ButtonListItem Text="No" Value="0" Selected="false"></telerik:ButtonListItem>
                </Items>
            </telerik:RadRadioButtonList>

            <asp:Panel ID="PNL_PresentlyInsured" runat="server" Visible="false">
                Presently Insured Controls
            </asp:Panel>
            <asp:Panel ID="PNL_NotPresentlyInsured" runat="server" Visible="false">
                Not Presently Insured Controls
            </asp:Panel>
        </div>

    </form>
</body>
</html>

Public Class TelerikRadioButtonListError
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    End Sub

    Protected Sub RBL_CurrentlyInsured_SelectedIndexChanged(sender As Object, e As EventArgs)
        Dim isPresentlyInsured As Boolean = (RBL_CurrentlyInsured.SelectedValue = "1")
        If isPresentlyInsured Then
            PNL_PresentlyInsured.Visible = True
            PNL_NotPresentlyInsured.Visible = False
        Else
            PNL_PresentlyInsured.Visible = False
            PNL_NotPresentlyInsured.Visible = True
        End If
    End Sub
End Class

RadioButtonList

answered on 08 Oct 2019

1 answer

690 views

'Fit' ResizeMode stretches the image.

Having a bit of trouble with the resize mode on the BinaryImage. I have specified the Width and Height in the aspx attributes and set the ResizeMode to fit, however it's just setting every image to the sizes that I specified rather than fitting them as it should be. This results in images being stretched rather than fit as if it's actually set to fill instead.

I'm using an httphandler to serve the image from a database and this is the relevant code:

Is there something that I'm missing here? Simply setting the ResizeMode to fit and setting a max height and width should be enough, right?

<asp:Panel runat="server" Style="text-align:center;" >

<telerik:RadBinaryImage runat="server" ID="imgStu" ResizeMode="Fit" Width="1050" Height="700" />

</asp:Panel>

imgStu.ImageUrl = "~/frm/ShowImage.ashx?id=" + strImageID;

BinaryImage

answered on 08 Oct 2019

5 answers

198 views

Range validation on numerictextbox

Hi,

Why would the following not accept the value 12.1 as valid?

Dim tb As RadNumericTextBox = New RadNumericTextBox
                        plh.Controls.Add(tb)

                        tb.ID = "check_" + e.Item.DataItem("id").ToString
                        tb.Type = NumericType.Number
                        tb.NumberFormat.DecimalSeparator = "."

                        Dim rv As RangeValidator = New RangeValidator
                        rv.ControlToValidate = tb.ID
                        rv.Type = ValidationDataType.Double
                        rv.MinimumValue = "12"
                        rv.MaximumValue = "13"
                        rv.ErrorMessage = "Invalid"
                        plh.Controls.Add(rv)

in the above the value 12.1 is not accepted as valid and should be I guess...

Marc

NumericTextBox

answered on 07 Oct 2019

1 answer

216 views

RadCombobox's textbox not showing selected option

Hi,

Please refer to demo on this page for the dropdown of "Region"

https://demos.telerik.com/aspnet-ajax/combobox/examples/overview/defaultcs.aspx

As you type a letter or two it highlights a value and that value is displayed in the textbox of combobox.

I have used exactly same properties but this feature is not accomplished, as a result of which on tab press, the value of combobox goes to default one.

But if I select using mouse it works that time and for other attempts going ahead.

Please help me in this regard. Below is my code

<telerik:RadComboBox ID="ddlPrimaryPMForThisGO" runat="server" Width="115px" Filter="Contains" RenderMode="Lightweight" EmptyMessage="--Select--" MarkFirstMatch="true" EnableLoadOnDemand="true"

AutoPostBack="false" ForeColor="#0067cd" CausesValidation="false"

autocompletemode="SuggestAppend" dropdownstyle="Dropdown">

</telerik:RadComboBox>

ComboBox

answered on 07 Oct 2019

1 answer

234 views

Get the text from a RadEditor

Hi,

I have a RadEditor and I want to get some text, I get the cursor position with getRange(), but I now need to create a range from the beginning of my text to that position.

Example text:"Hello my world!",

My cursor is after "my|", in the middle of the sentence...

so I want to return "Hello my", excluding "world!".

thanks

Editor

answered on 07 Oct 2019

5 answers

416 views

RadGrid Columns do not size to fit

I have a grid that is empty on page load, and columns change a few time (columns getting added from code behind, and column names get changed from code behind). I am unable to get the columns to size to the contents. Here is my code:

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function pageLoad() {

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

var columns = grid.get_masterTableView().get_columns();

var columnIndex = columns.length + 1;

columns[columnIndex].resizeToFit();

}

</script>

</telerik:RadCodeBlock>

<telerik:RadGrid runat="server" ID="grdImportData" RenderMode="Lightweight" AllowPaging="true" PageSize="10" OnNeedDataSource="grdImportData_NeedDataSource" OnPageIndexChanged="grdImportData_PageIndexChanged" OnUpdateCommand="grdImportData_UpdateCommand" OnDeleteCommand="grdImportData_DeleteCommand" OnItemCommand="grdImportData_ItemCommand" OnItemDataBound="grdImportData_ItemDataBound" AllowSorting="False" AlternatingItemStyle-BackColor="#f5f5f5" ItemStyle-BackColor="#ffffff" ColumnWidth="Auto" HorizontalAlignment="Stretch" >

<ClientSettings>

<Scrolling AllowScroll="True" SaveScrollPosition="true" FrozenColumnsCount="1" EnableVirtualScrollPaging="true"></Scrolling>

<Resizing AllowColumnResize="true" ResizeGridOnColumnResize="true" EnableRealTimeResize="true" AllowResizeToFit="true"/>

</ClientSettings>

<MasterTableView EditMode="InPlace" DataKeyNames="Id">

<Columns>

<telerik:GridEditCommandColumn HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right"/>

<telerik:GridTemplateColumn HeaderStyle-Width="50px">

<ItemTemplate>

<asp:LinkButton runat="server" CommandName="Delete"><i class="icon s7-junk grid-edit-icon"></i></asp:LinkButton>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 04 Oct 2019

1 answer

156 views

Radsitemap - changing bullet preceding node text

I'm trying to set up radnavigation using a radsitemap to build a list of links in a menu.

I'm following your demo for radnavigation and server side templates, and I'm getting the same result - a list of links with a bullet in front of each option.

I want to replace the bullet with a custom image, and I've set the node imageurl and now I have both the bullet and the custom image.

See attached image.

How do I remove the bullet and just show the imageurl?

Thanks

<telerik:NavigationNode Text="Reports" ID="Reports">
<ContentTemplate>
<div class="column">
<h5>MESSAGE ACTIVITY REPORTS</h5>
<telerik:RadSiteMap runat="server" ID="RadSiteMap6">
<Nodes>
<telerik:RadSiteMapNode Level="0" ImageUrl="images/arrow.png" Text="TOTAL RESULTS SUMMARY" NavigateUrl="~/reports_totalresults.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="DETAILED REPORT" NavigateUrl="~/reports_detailpernumber2.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="USER ACTIVITY" NavigateUrl="~/useractivity.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="TOTAL RESULTS SUMMARY" NavigateUrl="~/reports_totalresults.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="DETAILED REPORT" NavigateUrl="~/reports_detailpernumber2.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="USER ACTIVITY" NavigateUrl="~/useractivity.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SMS AUTO" NavigateUrl="~/report_smsautoresponder.aspx" />
</Nodes>
</telerik:RadSiteMap>
</div>
<div class="column">
<h5>PORTAL REPORTS</h5>
<telerik:RadSiteMap ID="RadSiteMap1" runat="server">
<Nodes>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="EMAIL COLLECTION" NavigateUrl="~/report_emailcollection2.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SURVEY REPORT" NavigateUrl="~/report_survey.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="APPOINTMENT SCHEDULING" NavigateUrl="~/report_appointments3.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="APPOINTMETN STATISTICS" Visible="False" ID="report_appointmentsSummary" NavigateUrl="~/report_appointmentsSummary.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="REGISTERED CUSTOMERS" NavigateUrl="~/report_ServiceDetails.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="OVERDUE REPORT" NavigateUrl="~/report_overdue.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="UPDATED RECORDS" NavigateUrl="~/report_UpdateRecords.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="CLICK REPORT" NavigateUrl="~/report_redir.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SEARCH PINS" NavigateUrl="~/report_pins.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SMS ACTIVITY" NavigateUrl="~/reports_smsdetail.aspx" />
</Nodes>
</telerik:RadSiteMap>
</div>
<div class="column">
<h5>ROI REPORTS</h5>
<telerik:RadSiteMap ID="RadSiteMap2" runat="server">
<Nodes>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="ROI REPORT" NavigateUrl="~/report_roi2.aspx" />
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="CONQUEST REPORT" NavigateUrl="~/report_ph.aspx"></telerik:RadSiteMapNode>
<telerik:RadSiteMapNode ImageUrl="images/arrow.png" Text="SUCCESS REPORT" NavigateUrl="~/report_success.aspx"></telerik:RadSiteMapNode>
</Nodes>
</telerik:RadSiteMap>
</div>
<div class="column">
<div id="qr" style="display:inline-block;width:75px;height:75px;align:center;vertical-align:middle;" >
<img src="images/placeholder.png" style="height:75px;width:75px;">
</div>
<div style="display:inline-block;vertical-align:middle;">
<h5>TOTAL RESULTS SUMMARY</h5>
</div>
<div style="width:400px;overflow-wrap:break-word;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod<br />
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, <br />
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo <br />
consequat.
<br /><br />
Duis aute irure dolor in reprehenderit in voluptate velit esse <br />
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non <br/>
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />
</div>
</div>
</ContentTemplate>
</telerik:NavigationNode>

SiteMap

answered on 04 Oct 2019

2 answers

263 views

Radgrid Get Selected Checkbox on postback

I have a RadGrid in a user control on a webpage

1. The radgrid has one template GridHyperLinkColumn and many other columns loaded from the datatable.

2. The grid loads successfully from a Datatable with the template column.

3. I have a Checkbox column and it shows well.

4. Button click calls MarkSelectedInvalid()

** It never gets inside the For Loop as the RadGrid1.MasterTableView.Items is zero. I have enabledviewstate on page, and in HTML Mark up for RadGrid.

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="false" AllowMultiRowEdit = "true"

SortingSettings-SortedBackColor="#999999" OnPreRender="RadGrid1_PreRender"

CellSpacing="-1" GridLines="Both" Font-Size="xx-Small"

EnableViewState="true" ViewStateMode="Enabled">

<GroupingSettings CollapseAllTooltip="Collapse all groups" />

<SortingSettings SortedBackColor="153, 153, 153" />

<MasterTableView EditMode="InPlace" EnableColumnsViewState="true"

EnableViewState="true">

<RowIndicatorColumn Visible="False">

</RowIndicatorColumn>

<ExpandCollapseColumn Created="True">

</ExpandCollapseColumn>

<Columns>

<telerik:GridHyperLinkColumn DataNavigateUrlFields="Path" DataTextField="Path"

FilterControlAltText="Filter Path column" HeaderText="Path"

SortExpression="Path" Target="_blank" UniqueName="Path1">

</telerik:GridHyperLinkColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Code:

private void MarkSelectedItemsInvalid()

{

foreach (GridDataItem item in this.RadGrid1.MasterTableView.Items)

{

TableCell cell = item["MarkInvalid"];

CheckBox checkBox = (CheckBox)cell.Controls[0];

if (checkBox.Checked)

{

string path = (item["Path"].FindControl("TB_Path") as TextBox).Text;

string title = (item["Title"].FindControl("TB_Title") as TextBox).Text;

item.Enabled = false;

var dictionary = new Dictionary<string, string>();

dictionary.Add("ContentTypeId", GetContentTypeID(qsURLSite, GetLibraryFromURL(path), "Invalid"));

UpdateMetaData(path,GetLibraryFromURL(path), dictionary);

}

Grid

answered on 04 Oct 2019

1 answer

305 views

RadGrid With one filter, apply other columns

Hi Guys

I have a radgrid, with multiple columns. Four of them, have the same content, is there a way that using the first column filter, the other with the same content?

Thanks in advance.

Example

Column A Column B Column C Column D
Spain Spain Poland Italy
France Germany France Denmark
Italy USA Germany Spain

Using Column A filter = Spain

Column A Column B Column C Column D
Spain Spain Poland Italy
Italy USA Germany Spain

Grid

answered on 04 Oct 2019

1 answer

350 views

Viewing an ePub (e-book) file

Is there any facility in this family of products that can be used to view a .epub file? I would need to have a display for the user and to know the current page he or she is viewing, so I can store it and return when the user loads the book again.

General Discussions

answered on 03 Oct 2019