Questions on UI for ASP.NET AJAX Forum

1 answer

89 views

I am trying to have the AutoCompleteBox fit in with the other controls on my form. Note that the textbox is not style similarly to the other textboxes. Is there some technique to obtain consistency?

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" Skin="Web20" />

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />

<telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" runat="server" Skin="Web20"></telerik:RadAutoCompleteBox><br />

<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><br />

<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>

The screenshot attached show first without the RadDecorator and then with (note that it does not make it better.

AutoCompleteBox

answered on 28 Jul 2017

13 answers

2.2K+ views

Syntax error Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_

Hi,

I'm new here. Please help.

I'm trying to add a captcha but I always get a Javascript error like this

Message: Syntax error

URI: http://test/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=%3b%3bSystem.Web.Extensions%2c+Version%3d3.5.0.0%2c+Culture%3dneutral%2c+PublicKeyToken%3d31bf3856ad364e35%3aen%3a0d787d5c-3903-4814-ad72-296cea810318%3aea597d4b%3ab25378d2%3bTelerik.Web.UI%2c+Version%3d2010.2.929.20%2c+Culture%3dneutral%2c+PublicKeyToken%3d121fae78165ba3d4%3aen%3a59f173b0-ff20-435c-8399-1ee5d3741dba%3a16e4e7cd%3a86526ba7%3a874f8ea2%3a11e117d7

This is my code

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="captchaTelerik.aspx.vb" Inherits="captchaSound" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>Untitled Page</title>

<style type="text/css">

.divCaptcha

{

float: left;

height: 220px;

width: 433px;

background-image: url('pic/captcha_back.png');

background-repeat: no-repeat;

padding-top: 1px;

}

.rcCaptchaAudioLink

{

margin-left: 20px;

font-size: 16px;

float: left;

color: White;

display: block;

line-height: 1.5em;

background-image: url('pic/audio_but.png');

background-repeat: no-repeat;

height: 30px;

padding-left: 40px;

margin-top: 12px;

width: 120px;

}

.rcCaptchaAudioLink:hover

{

color: #F0F0F0;

}

.rcCaptchaImage

{

float: left;

}

.qsfPanel

{

float: right;

}

.errorMessage

{

margin-left: 30px;

line-height: 20px;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<div>

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All"

Skin="Hay" />

<div class="divCaptcha">

<table>

<tr>

<td style="height: 20px;">

<asp:Label ID="lblErrorMessage" runat="server" ForeColor="Red" CssClass="errorMessage"></asp:Label>

</td>

</tr>

<tr>

<td style="width: 100%; text-align: center; padding-left: 30px; padding-top: 3px;">

<telerik:RadCaptcha ID="RadCaptcha1" runat="server" ErrorMessage="Page not valid. The code you entered is not valid."

ValidationGroup="vgAudio" ValidatedTextBoxID="rcTextBox1" Display="None">

<CaptchaImage EnableCaptchaAudio="true" RenderImageOnly="true" ImageCssClass="rcCaptchaImage" BackgroundColor="#609f0a" TextColor="White" BackgroundNoise="None" />

</telerik:RadCaptcha>

</td>

</tr>

<tr>

<td style="padding-left: 100px; padding-top: 10px;">

<br />

<asp:Label ID="rcLabel1" runat="server" AssociatedControlID="rcTextBox1" Text="Type the code from the image:"

ForeColor="#005000"></asp:Label>

<br />

<asp:TextBox ID="rcTextBox1" runat="server" MaxLength="5" Width="170px"></asp:TextBox>

<asp:Button ID="captchaButton" runat="server" ValidationGroup="vgAudio" Text="Submit" OnClick="validateTelerikCaptcha"/>

</td>

</tr>

</table>

</div>

<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">

<script type="text/javascript">

//<![CDATA[

/* function pageLoad()

{

var captchaTextBox = document.getElementById("<%= rcTextBox1.ClientID %>");

captchaTextBox.setAttribute("autocomplete", "off");

}*/

//]]>

</script>

</telerik:RadScriptBlock>

</div>

</form>

</body>

</html>

Did I miss something?

Thx

Captcha

answered on 28 Jul 2017

5 answers

475 views

Radwindow on Link button event

I have a Link button in rad grid template column, on clicking on link i should get a radpopup window. Tried on the clientside not working then tried on server side too .. no luck.
server side event:
<telerik:GridTemplateColumn UniqueName="MetricGroup" DataField="MetricGroup">
<ItemTemplate>
<asp:LinkButton ID="lnkMetricGroup" runat="server" OnClick="lnkMetricGroup_Click"
Text='<%# DataBinder.Eval(Container.DataItem,"MetricGroup") %>'></asp:LinkButton>
</ItemTemplate>
protected void lnkMetricGroup_Click(object sender, EventArgs e)
{
string name = "";
LinkButton btn = (LinkButton)sender;
name = btn.Text;
    String url = "SalesActivity.aspx?MetricGroup=" + name;
UserListDialog.NavigateUrl = url;
}

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">
<Windows>
<telerik:RadWindow ID="UserListDialog" runat="server" Title="Details" Height="320px"
Width="310px" Left="150px" ReloadOnShow="true" ShowContentDuringLoad="false"
Modal="true">
</telerik:RadWindow>
</Windows>
</telerik:RadWindowManager>

Please let me know on how to proceed on this.

Thanks.

Grid

answered on 28 Jul 2017

0 answers

99 views

RadTreeView Line Line appearance to solid

How to make Radtreeview line to solid?

TreeView

asked on 27 Jul 2017

3 answers

171 views

RadGrid paging stopped working

So paging was working now it doesn't. Here is the code and grid layout:

GRID

<telerik:RadGrid ID="grdReport" runat="server" AllowPaging="True" AllowSorting="False" ExportSettings-IgnorePaging="true" AutoGenerateColumns="False" PageSize="20" Skin="Office2010Blue" OnPageIndexChanged="grdReport_PageIndexChanged">
                                <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
                                <ExportSettings FileName="TestRejectReport" IgnorePaging="True">
                                </ExportSettings>
                                <MasterTableView>
                                    <Columns>
                                        <telerik:GridBoundColumn DataField="Line" FilterControlAltText="Filter Line column" HeaderText="Line" UniqueName="Line">
                                            <HeaderStyle HorizontalAlign="Center" Width="20px" />
                                            <ItemStyle HorizontalAlign="Right" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Process" FilterControlAltText="Filter Process column" HeaderText="Process" UniqueName="Process">
                                            <HeaderStyle HorizontalAlign="Center" Width="50px" />
                                            <ItemStyle HorizontalAlign="Center" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Product" FilterControlAltText="Filter Product column" HeaderText="Product" UniqueName="Product">
                                            <HeaderStyle HorizontalAlign="Center" Width="50px" />
                                            <ItemStyle HorizontalAlign="Center" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Tested" FilterControlAltText="Filter Tested column" HeaderText="Tested" UniqueName="Tested">
                                            <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                            <ItemStyle HorizontalAlign="Right" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Passed" FilterControlAltText="Filter Passed column" HeaderText="Passed" UniqueName="Passed">
                                            <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                            <ItemStyle HorizontalAlign="Right" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Failed" FilterControlAltText="Filter Failed column" HeaderText="Failed" UniqueName="Failed">
                                            <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                            <ItemStyle HorizontalAlign="Right" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Yield" FilterControlAltText="Filter Yield column" HeaderText="Yield" UniqueName="Yield">
                                            <HeaderStyle HorizontalAlign="Center" Width="30px" />
                                            <ItemStyle HorizontalAlign="Right" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridBoundColumn DataField="Top5" FilterControlAltText="Filter Top5 column" HeaderText="(Count) Top n Rejects" UniqueName="Top5">
                                            <HeaderStyle HorizontalAlign="Center" Width="800px" />
                                            <ItemStyle HorizontalAlign="Left" Wrap="true" />
                                        </telerik:GridBoundColumn>
                                    </Columns>
                                </MasterTableView>
                            </telerik:RadGrid>

CODE:

I load a datatable (I did see the data in it) and then bind in a button event

grdReport.DataSource = dtReport;
grdReport.DataBind();

Session["Report"] = dtReport;
Session.Timeout = 30;

protected void grdReport_PageIndexChanged(object sender, GridPageChangedEventArgs e)
        {
            //**********
            //pagination
            //**********
            DataTable dt = (DataTable)Session["Report"];
            grdReport.DataSource = dt;
            grdReport.Rebind(); // DataBind();  // note I have tried DataBind and Rebind here
        }

I get no grid when a page is selected.

Thanks for your help in advance.

Mark

Grid

answered on 27 Jul 2017

1 answer

38 views

Last Character in showing in Search on some machines

I'm having an issue where on some of the clients when they type in the RadAutoComplete the last character they type isn't registering. I'll attach screen shots from two machines with the same search term and different results. Has anybody else reported this behavior? I'm just loading the search list in code behind it is really straight forward.

<telerik:radautocompletebox runat="server" Style="width: 200px;" id="acbInsured" MaxResultCount="20" DataTextField="CompanyName" DataValueField="ClientKey">
</telerik:radautocompletebox>

public void SetInsuredSearchDatasource(IEnumerable<Contact> searchResults)
{
acbInsured.DataSource = searchResults.ToArray();
acbInsured.DataBind();
}

public override void OnLoad()
{
SetInsuredSearchDatasource(_reportService.GetInsuredNameSearchResults());

...

I'm at a bit of a loss as to why it happens on some but not others (Same browser).

AutoCompleteBox

answered on 27 Jul 2017

1 answer

76 views

Winform Controls disappear when VS is closed

Hello there, I manually added Telerik winform controls in VS2015. I can use all the controls when I add and then when I close vs all telerik controls disappear from toolbox and again I have to add manually all the controls when I starts to work next time. Help needed ASAP.

Thank You!

General Discussions

answered on 27 Jul 2017

1 answer

195 views

How to get the ContextMenu Items inside an ItemTemplate to fill the full available horizontal space

Hello,

i use a split button, which has a RadContextMenu attached to it. Inside the RadContextMenu, there is one RadMenuItem which contains an ItemTemplate with multiple RadCheckBoxes.

How is it possible that the RadCheckBoxes inside the ContentTemplate uses the full available width? So there should be no padding/margin in the ContextMenu and the Checkbox stretches horizontally to use all of the existing space. I uploaded an example of how it looks like right now in the attachments of this post.

Code:

<telerik:RadButton EnableSplitButton="true" ID="btn4" AutoPostBack="true"runat="server" Text="Example Button Text" OnClientClicked="OnClickedRadButton" CommandName="cmdBt4" OnClick="btn4_Click" CausesValidation="true">

</telerik:RadButton>

<telerik:RadContextMenu id="rcmBtn4" runat="server">

<Items>

<telerik:RadMenuItem>

<ItemTemplate>

<p>

<telerik:RadCheckBox runat="server" ID="rcb1" CausesValidation="false" Checked="true" Text="als Excel-Datei (.xlsx) exportieren" AutoPostBack="false" />

</p>

<p>

<telerik:RadCheckBox runat="server" ID="rcb2" CausesValidation="false" Checked="true" Text="Checkbox Text 2" AutoPostBack="false" />

</p>

</ItemTemplate>

</telerik:RadMenuItem>

</Items>

</telerik:RadContextMenu>

Menu

answered on 27 Jul 2017

1 answer

338 views

RadChart multiple-series x-axis labels

I have a requirement to put multiple series into a chart. Each series should have a label & the item in the series should also have a label on the x-axis.
I cannot find any samples that would help me with this and have been banging my head at it for the day.

I've attached a sample of what our graph should look like. Any help on this would be great!

Thanks

Chart (HTML5)

answered on 27 Jul 2017

2 answers

89 views

remove duplicate title

I have the following grid defined, but the insert dialog is showing the title twice.  How do I suppress the second iteration of this (see picture)?

<telerik:RadGrid

AllowCustomPaging="true"

AllowFilteringByColumn="true"

AllowPaging="true"

AllowSorting="true"

AutoGenerateEditColumn="true"

CellSpacing="-1"

GridLines="Both"

GroupPanelPosition="Top"

Height="690px"

ID="AgenciesGrid"

OnDeleteCommand="AgenciesGrid_OnDeleteCommand"

OnItemCreated="AgenciesGrid_OnItemCreated"

OnNeedDataSource="AgenciesGrid_NeedDataSource"

OnUpdateCommand="AgenciesGrid_OnUpdateCommand"

PageSize="20"

runat="server"

ShowFooter="true"

ShowStatusBar="true">

<GroupingSettings CaseSensitive="false"></GroupingSettings>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

<GroupPanel Text="Drag and drop header to order by column">

</GroupPanel>

<MasterTableView

AllowCustomPaging="true"

AllowFilteringByColumn="false"

AllowSorting="true"

AutoGenerateColumns="false"

CommandItemDisplay="Top"

DataKeyNames="AgencyId"

EditMode="PopUp">

<RowIndicatorColumn Visible="false">

</RowIndicatorColumn>

<Columns>

<telerik:GridEditCommandColumn UniqueName="editColumn">

<HeaderStyle Width="40px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="AgencyId" ReadOnly="true" HeaderText="AgencyId" Display="false" UniqueName="AgencyId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AgencyName" HeaderText="Agency" UniqueName="AgencyName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AgencyPhone" HeaderText="Phone" UniqueName="AgencyPhone">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AgencyContact" HeaderText="Contact" UniqueName="AgencyContact">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings InsertCaption="Add New Agency" CaptionFormatString="Edit Agency: {0}" CaptionDataField="AgencyId">

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 26 Jul 2017