Questions on UI for ASP.NET AJAX Forum

0 answers

124 views

DatePicker not working in asp.net wizard

*One last edit, I fixed this by putting a web.config in my bin folder that allows anonymous users.

*Edit from original post. So I think I know the problem, I just don't know how to fix it. The root of my website is not accessible to the public, however, I have a folder within here that is. I can't get any rad controls to work within this public folder. I'm guessing it can't access files that it needs to. However, I can't rework everything into different folders at this point. Is there any way around this?

I have a date picker inside of an asp.net wizard. It is not working at all when you click the calendar. I'm doing nothing on the back end for the wizard besides binding custom headers as of right now. You can see it here http://rowe.intellicomweb.com/Customers/CustomerReservation.aspx

Here is my front end code.

<asp:Wizard ID="registrationWizard" runat="server" Width="95%" DisplaySideBar="false" >

<StartNextButtonStyle CssClass="buttonClass" />

<CancelButtonStyle CssClass="buttonClass" />

<NavigationButtonStyle CssClass="buttonClass" />

<WizardSteps>

<asp:WizardStep Title="Select A Date" StepType="Start">

<div class="wizardContent">

<h4>Please select a date and time</h4>

<telerik:RadDatePicker ID="RadDatePicker1" runat="server"></telerik:RadDatePicker>

<telerik:RadComboBox ID="amPmDrop" runat="server">

<Items>

<telerik:RadComboBoxItem Value="AM" Text="Morning" />

<telerik:RadComboBoxItem Value="PM" Text="Evening" />

</Items>

<CollapseAnimation Duration="3000" Type="InBounce" />

</telerik:RadComboBox>

</div>

</asp:WizardStep>

<asp:WizardStep Title="Information" StepType="Step">

Information

</asp:WizardStep>

<asp:WizardStep Title="Billing" StepType="Step">

Billing

</asp:WizardStep>

<asp:WizardStep Title="Review" StepType="Finish">

Final

</asp:WizardStep>

</WizardSteps>

<HeaderTemplate>

<ul id="wizHeader">

<asp:Repeater ID="wizardHeaderRepeat" runat="server">

<ItemTemplate>

<li>

<a class="<%# GetClassForWizardStep(Container.DataItem)%>" title="<%# Eval("Name")%>"><%# Eval("Name")%></a>

</li>

</ItemTemplate>

</asp:Repeater>

</ul>

</HeaderTemplate>

</asp:Wizard>

Calendar

asked on 21 Sep 2012

4 answers

132 views

ComboBox Loses Selection but inconsistently :S

So, I have 2 comboboxes in a sort of master/detail scenario. The "detail" combobox is losing it's selected item, but only in one case as far as I can see. In other words, if the Master selection is say A,B or C... the Detail combobox is fine, but if the Master selection is D, the Detail combobox resets to the first item (I think as soon as it loses focus). Any thoughts?

EDIT: OK, narrowed it down some although still wierdddddddd. In the index changed event, I'm handling a UI feature, basically setting an element's visibility based on the value of a property in the selected item. And if that "if" is true, the element is set visible and the selected item resets. Enough for today...

EDIT, AGAIN: OK, so it isn't the UI update that's causing it. Somehow the value of this property in the dataset is the key but not anything that's set because of it. Maybe the two LINQ queries are interacting in some bizaare way. Tomorrow's another day...

ComboBox

answered on 21 Sep 2012

1 answer

41 views

Date Issue

Hello Friends I want to show ScannedDate at X Axis but its throwing error can any one suggest me how to show ScannedDate X Label and Name at Y Label

SELECT TOP 1000 [ShopId]

,[Name]

,[ScannedDate]

,[TotalSlipsScanned]

,[ScannedDay]

FROM [EPOSShopScreen].[dbo].[vw_NoOfBetScanned]

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<telerik:RadChart ID="radChartNoOfBetScanned" runat="server"

Skin="DeepBlue" Width="900px" Height="500px"

DataSourceID="edsNoOfBetScanned" >

<ClientSettings EnableZoom="false" ScrollMode="XOnly" XScale="4" />

<Appearance>

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="26, 120, 179" />

<telerik:GradientElement Color="35, 189, 254" Position="0.5" />

<telerik:GradientElement Color="26, 120, 179" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<Border Color="0, 66, 110" Width="5" />

</Appearance>

<Series>

<telerik:ChartSeries DataLabelsColumn="Name" DataXColumn="ScannedDay"

DataYColumn="TotalSlipsScanned" Name="TotalSlipsScanned">

<Appearance>

<FillStyle FillType="ComplexGradient">

<FillSettings>

<ComplexGradient>

<telerik:GradientElement Color="213, 247, 255" />

<telerik:GradientElement Color="193, 239, 252" Position="0.5" />

<telerik:GradientElement Color="157, 217, 238" Position="1" />

</ComplexGradient>

</FillSettings>

</FillStyle>

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

</telerik:ChartSeries>

</Series>

<Legend>

<Appearance Dimensions-Margins="1px, 2%, 12%, 1px">

<ItemTextAppearance TextProperties-Color="White">

</ItemTextAppearance>

<FillStyle GammaCorrection="False" MainColor="37, 255, 255, 255">

</FillStyle>

<Border Color="76, 255, 255, 255" />

</Appearance>

<TextBlock>

<Appearance Position-AlignedPosition="Top" TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

</Legend>

<PlotArea>

<XAxis>

<Appearance Color="98, 183, 226" MajorTick-Color="98, 183, 226">

<MajorGridLines Color="98, 183, 226" Width="0" />

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

<AxisLabel>

<Appearance Dimensions-Paddings="1px, 1px, 10%, 1px">

</Appearance>

<TextBlock>

<Appearance TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

</AxisLabel>

</XAxis>

<YAxis>

<Appearance Color="98, 183, 226" MajorTick-Color="98, 183, 226"

MinorTick-Color="98, 183, 226">

<MajorGridLines Color="120, 209, 248" />

<MinorGridLines Color="120, 209, 248" Width="0" />

<TextAppearance TextProperties-Color="White">

</TextAppearance>

</Appearance>

<AxisLabel>

<TextBlock>

<Appearance TextProperties-Color="LightSkyBlue">

</Appearance>

</TextBlock>

</AxisLabel>

</YAxis>

<Appearance Dimensions-Margins="19%, 90px, 12%, 9%">

<FillStyle MainColor="50, 255, 255, 255" SecondColor="Transparent">

</FillStyle>

<Border Color="97, 180, 223" />

</Appearance>

</PlotArea>

<ChartTitle>

<Appearance Dimensions-Margins="4%, 10px, 14px, 6%">

<FillStyle MainColor="">

</FillStyle>

</Appearance>

<TextBlock Text="Total Slips Scanned Last 30 Days">

<Appearance TextProperties-Color="White" TextProperties-Font="Verdana, 14pt">

</Appearance>

</TextBlock>

</ChartTitle>

</telerik:RadChart>

</ContentTemplate>

</asp:UpdatePanel>

<asp:EntityDataSource ID="edsNoOfBetScanned" runat="server" ConnectionString="name=EPOSShopScreenEntities"

DefaultContainerName="EPOSShopScreenEntities" EntitySetName="vw_NoOfBetScanned">

</asp:EntityDataSource>

Chart (Obsolete)

answered on 21 Sep 2012

2 answers

124 views

radcombobox on master page is not working with one content page, but working on other pages AJAX issue??

I have a master page with multiple content pages. The master page contains a radcombobox with checkbox, as soon as the checkbox is checked page reloads and based on the dropdown data and activities shows up on the content pages.
The above procedure works on all the content pages, except one. Here as soon as the checkbox is checked or unchecked. It remains checked always and nothing happens on the page.

It looks like an AJAX issue but not sure.
Could someone please help me with this.
Thanks,

ComboBox

answered on 21 Sep 2012

2 answers

72 views

Keep window open at page change on master page

I wan't to know if is possible keep the window open on the same position without postback, when the user change the page on a master page, like a facebook chat... if this is possible, how can i do this? Thanks!

Window

answered on 21 Sep 2012

1 answer

62 views

radUpload doesn't work in IE

I'm using radUpload control to build a page like gmail file upload, I open a display:none radUpload control using following code:

<telerik:RadUpload ID="RadUpload1" Runat="server" OnClientAdded="onClientAdded" ControlObjectsVisibility="None" Localization-Select="abcd"></telerik:RadUpload> <script type="text/javascript"> var $fileInput; function onClientAdded(sender, args) { $fileInput = $telerik.$(args._fileInputField); } function OpenDialog() { $fileInput.click(); uploadTimer(); } </script>

this is my UploadTimer function:

function uploadTimer() { try { var t = setTimeout("uploadTimer()", 500); //var v = $("#RadUpload1").val(); var upload = $find("<%= RadUpload1.ClientID %>"); value = upload.getFileInputs()[0].value; //IE? if (navigator.userAgent.indexOf("MSIE") != -1) { //if (value != '') { $("#btnSubmit").click(); //} } else//non IE? { if (value != '') { $("#btnSubmit").click(); } } } catch (err) { } } 

I click on this button to display my radUpload, then a timer is called which calls a button server side click function save radUpload selected file to the server, but I have no file uploaded in IE, what is going wrong?

<input type="button" value="select file" style="font-family:Tahoma;" onclick="OpenDialog()" />

Upload (Obsolete)

answered on 21 Sep 2012

1 answer

76 views

Delay the query until the user types a threshold number of characters?

Is there a way to hold off on querying the server until the user has, for example, typed at least 3 or 4 characters? If you have a large resultset to query against, and the user types several characters, won't the control try to make a round trip to the server on each key stroke?

AutoCompleteBox

answered on 21 Sep 2012

3 answers

136 views

As RadGrid Filter

I am trying to use the RACB as a filter for a RadGrid column, I have almost got it working only once I have selected a token when the Grid filter fires the token disappears from the RACB. The Grid does filter to the selected item of the RACB but after filter there is no way of removing it as it is no longer there. I am using an Entity Data Source to populate the RACB.

I think I am missing a selected value on the RACB which doesnt exist.

<telerik:GridBoundColumn DataField="Customer" HeaderText="Customer" ReadOnly="true" >

<telerik:RadAutoCompleteBox runat="server" ID="RadAutoCompleteBox2" DataSourceID="EntityDataSource3" Filter="Contains" OnClientEntryAdded="entryAdded" AllowCustomToken="true"

DataTextField="Customer" DataValueField="Customer" InputType="Token">

</telerik:RadAutoCompleteBox>

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

<

script type="text/javascript">

function entryAdded(sender, eventArgs) {

var tableView = $find("<%# ((GridItem)Container).OwnerTableView.ClientID %>");

tableView.filter(

"Customer", eventArgs.get_entry().get_text(), "EqualTo");

}

</

script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

AutoCompleteBox

answered on 21 Sep 2012

2 answers

58 views

Migrate to 64 bits development workstation

Hello,

I currently use ASP.NET Ajax Telerik.Web.UI_2011_2_712 for a Web Application hosted on WS2007 (32 bits)
My development workstation is an Xp (32bits).

I have to migrate to a new workstation with Window 7 (64bits). Knowing that the target platform is still WS2007 (32 bits).
Is there a specific ASP.NET Ajax Telerik.Web.UI_2011_2_712 for a 64 bits development workstation.
Regards
Bernard

General Discussions

answered on 21 Sep 2012

4 answers

204 views

Split Button in RadGrid - How to get selected row clientside

I have a split button in a grid. When I click the split button the context menu shows. When I click on the context menu the OnItemClick fires and I can get the context item selection. But what I can't figure out how to do is get the datakey value for the radgrid row where I click the button. If I select the row first I can get the datakey value via RowSelected or RowSelecting. But niether of those events fire when I click on the split button because its OnClientClicked fires. I'd like to get that value without having to select the row first.

<telerik:RadContextMenu ID="radCtxMenuActions" runat="server" CausesValidation="true" OnItemClick="radCtxMenuActions_ItemClick">

<Items>

<telerik:RadMenuItem Text="Option 1" />

<telerik:RadMenuItem Text="Option 2" />

<telerik:RadMenuItem Text="Option 3" />

</Items>

</telerik:RadContextMenu>

protected void radCtxMenuActions_ItemClick(object sender, RadMenuEventArgs e)

{

int id = Convert.ToInt32(Request.Form["radGridClickedRowValue"]);

switch (e.Item.Text)

{

case "Option 1":

// do action with id

break;

}

if (args.IsSplitButtonClick() || !sender.get_commandName())

{

     // get selected row here and save to hidden field so I can use it in RadContextMenu OnItemClick

     var id = ?????

     document.getElementById("radGridClickedRowValue").value = id;

var currentLocation = $telerik.getLocation(sender.get_element());

var contextMenu = $find("<%=radCtxMenuActions.ClientID%>");

contextMenu.showAt(currentLocation.x, currentLocation.y + 22);

}

Button

answered on 21 Sep 2012