Questions on UI for ASP.NET AJAX Forum

110,792 questions

1 answer

418 views

unable to view dropdown item in ajax ModalPopupExtender

Hi all i have designed a ModalPopupExtender with some controls in that rad drop down exists. But when I select on the drop down I am unable to view the items can some one help me

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="modal.aspx.cs" Inherits="modal" %>

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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!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></title>

<link href="StyleSheet2.css" rel="stylesheet" type="text/css" />

<link href="TabStrip.WebBlue.css" rel="stylesheet" type="text/css" />

<script type="text/javascript">

function ok(sender, e) {

$find('<%# mpeModalPopUp.ClientID %>').hide();

__doPostBack('btnModalPopUp', e);

}

function cancel(sender, e) {

$find('<%# mpeModalPopUp.ClientID %>').hide();

}

function pageLoad(sender, args) {

//Note that the OnKeyPress event handler will not work unless you register it with the Microsoft AJAX     //Library. The best place to run this registration code is the pageLoad function, like so:

$addHandler(document, "keydown", onKeyDown);

}

function onKeyDown(args) {

//Closing the Popup Using the Esc Key

if (args.keyCode == Sys.UI.Key.esc) {

$find('<%# mpeModalPopUp.ClientID%>').hide();

}

if (args.keyCode == Sys.UI.Key.enter) {

$find('<%# mpeModalPopUp.ClientID%>').hide();

}

</script>

<script type="text/javascript">

function closepopup1() {

$find('<%# mpeModalPopUp.ClientID %>').hide();

}

</script>

</head>

<body>

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

<asp:ScriptManager ID="script" runat="server">

</asp:ScriptManager>

<div>

<asp:ModalPopupExtender ID="mpeModalPopUp" runat="server" TargetControlID="btnModalPopUp"

PopupControlID="pnlNoPayroll" CancelControlID="ImgOk" BackgroundCssClass="modalBackground">

</asp:ModalPopupExtender>

<div class="text" style="background-color: #ffffff">

<ul class="formList" id="pWHolding">

<asp:Button ID="btnModalPopUp" runat="server" Style="display: none" />

<asp:Panel ID="pnlNoPayroll" runat="server" BackColor="White" Height="500px" Width="300px"

Style="display: none">

<table width="100%" style="border: Solid 2px #999; width: 100%; height: 100%" cellpadding="0"

cellspacing="0">

<tr style="background-image: url(Images/title.gif)">

<td style="height: 10%; color: Black; padding: 2px; font-size: larger; font-family: Calibri"

align="center">

Information

</td>

<td style="color: White; font-weight: bold; padding: 3px; font-size: larger" align="right">

<a href="javascript:void(0)" onclick="closepopup1()">

<img src="Images/x.png" style="border: 0px" align="right" /></a>

</td>

</tr>

<tr>

<td>

<div class="text" style="background-color: #ffffff">

<ul class="formList" id="Ul1">

<asp:UpdatePanel ID="upWith" runat="server">

<ContentTemplate>

<asp:Panel ID="pnlpopWithHolding" runat="server">

<li>

<asp:Label ID="lblwhpopTaxAuthority1" AssociatedControlID="rdwhpopTaxAuthority1"

runat="server" Text="Tax Authority" Width="200px"></asp:Label>

<asp:DropDownList ID="rdwhpopTaxAuthority1" runat="server" AutoPostBack="true" OnSelectedIndexChanged="rdwhpopTaxAuthority1_SelectedIndexChanged">

<asp:ListItem Text="1" Value="1"></asp:ListItem>

<asp:ListItem Text="2" Value="2"></asp:ListItem>

</asp:DropDownList>

</li>

<li>

<asp:Label ID="lblpopwhMaritalStatus1" AssociatedControlID="rdwhpopMartialStatus1"

runat="server" Text="Marital Status" Width="200px"></asp:Label>

<telerik:RadComboBox ID="rdwhpopMartialStatus1" Width="200px" runat="server" AutoPostBack="true"

OnSelectedIndexChanged="rdwhpopMartialStatus1_SelectedIndexChanged">

</telerik:RadComboBox>

</li>

<li><b>Allowances</b> </li>

<asp:Panel runat="server" ID="pnlpopAllowance" Visible="false">

<li>

<asp:Label ID="lblpopAllowances" AssociatedControlID="rdwhpopAllowances" runat="server"

Text="Allowance" Width="200px"></asp:Label>

<telerik:RadNumericTextBox ID="rdwhpopAllowances" NumberFormat-GroupSeparator=""

Width="200px" runat="server" Type="Number" IncrementSettings-InterceptMouseWheel="false"

IncrementSettings-InterceptArrowKeys="false">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="rqrdpopAllowances" runat="server" ControlToValidate="rdwhpopAllowances"

ErrorMessage="Required Allowances" CssClass="error" ValidationGroup="vgPop">

</asp:RequiredFieldValidator>

</li>

</asp:Panel>

<asp:Panel runat="server" ID="pnlpopPersonal" Visible="false">

<li>

<asp:Label ID="lblwhpopTaxAllowances1" AssociatedControlID="rdwhpoptxtAllowances2"

runat="server" Text="Personal Allowances" Width="200px"></asp:Label>

<telerik:RadTextBox ID="rdwhpoptxtAllowances2" runat="server" Width="200px">

</telerik:RadTextBox>

<telerik:RadNumericTextBox ID="rdwhpoptxtAllowances1" NumberFormat-GroupSeparator=""

IncrementSettings-InterceptMouseWheel="false" IncrementSettings-InterceptArrowKeys="false"

Width="200px" runat="server" Type="Number">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="rqrdpopwhAllowances1" runat="server" ControlToValidate="rdwhpoptxtAllowances1"

ErrorMessage="Required perosnal Allowances" CssClass="error" ValidationGroup="vgPop">

</asp:RequiredFieldValidator>

</li>

</asp:Panel>

<asp:Panel runat="server" ID="pnlpopDependent" Visible="false">

<li>

<asp:Label ID="lblwhpopDependentAllowances" AssociatedControlID="rdwhpoptxtdepAllowances"

runat="server" Text="Dependent Allowances" Width="200px"></asp:Label>

<telerik:RadNumericTextBox ID="rdwhpoptxtdepAllowances" NumberFormat-GroupSeparator=""

Width="200px" runat="server" Type="Number" IncrementSettings-InterceptMouseWheel="false"

IncrementSettings-InterceptArrowKeys="false">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="rqrdwhpopdepAllowance" runat="server" ControlToValidate="rdwhpoptxtdepAllowances"

ErrorMessage="Required dependent Allowances" CssClass="error" ValidationGroup="vgPop">

</asp:RequiredFieldValidator>

</li>

</asp:Panel>

<asp:Panel ID="pnlpopAddallowance" runat="server" Visible="false">

<asp:Label ID="lblAddAllowances" AssociatedControlID="rdtxtpopAdditional" runat="server"

Text="Additional Allowances" Width="200px"></asp:Label>

<telerik:RadNumericTextBox ID="rdtxtpopAdditional" NumberFormat-GroupSeparator=""

Width="200px" runat="server" Type="Number" IncrementSettings-InterceptMouseWheel="false"

IncrementSettings-InterceptArrowKeys="false">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</asp:Panel>

<asp:Panel runat="server" ID="pnlpopAddWH" Visible="false">

<li>

<asp:Label ID="lblpopwhAddWH1" AssociatedControlID="rdwhpoptxtadditionalWH1" runat="server"

Text="Additional Withholdings" Width="200px"></asp:Label>

<telerik:RadNumericTextBox ID="rdwhpoptxtadditionalWH1" NumberFormat-GroupSeparator=""

Type="Number" Width="200px" runat="server" IncrementSettings-InterceptMouseWheel="false"

IncrementSettings-InterceptArrowKeys="false">

<NumberFormat DecimalDigits="0" />

</telerik:RadNumericTextBox>

</li>

</asp:Panel>

<li>

<asp:Label ID="lblwhpopExIS" runat="server" Text="Exemption Indicator Status" Width="200px"

AssociatedControlID="chkpopwhIS">

</asp:Label>

<asp:CheckBox ID="chkpopwhIS" runat="server" />

</li>

<li>

<asp:Label ID="lblwhpopEIC" runat="server" Text="Earned Income Credit" AssociatedControlID="chkpopwhEIC"

Width="200px">

</asp:Label>

<asp:CheckBox ID="chkpopwhEIC" runat="server" />

</li>

<asp:Panel ID="pnlpopCompensation" runat="server" Visible="true">

<asp:Label ID="lblpopCompensationRate" AssociatedControlID="rdpopcmbCompensation"

runat="server" Width="200px" Text="Compensation Rate"></asp:Label>

<telerik:RadComboBox ID="rdpopcmbCompensation" runat="server" HighlightTemplatedItems="true">

<Items>

<telerik:RadComboBoxItem Text="0.008" />

<telerik:RadComboBoxItem Text="0.013" />

<telerik:RadComboBoxItem Text="0.018" />

<telerik:RadComboBoxItem Text="0.027" />

<telerik:RadComboBoxItem Text="0.036" />

<telerik:RadComboBoxItem Text="0.046" />

<telerik:RadComboBoxItem Text="0.051" />

</Items>

</telerik:RadComboBox>

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

<br />

<table style="margin-left: 50px;">

<tr>

<td>

<telerik:RadButton ID="rdbtnwhSave" runat="server" Text="Save & Next" ValidationGroup="vgPop"

OnClick="rdbtnclick">

</telerik:RadButton>

<br />

</td>

</tr>

<tr>

<td align="center" style="padding-left: 15px">

<asp:ImageButton ID="ImgOk" CssClass="Selected" runat="server" ImageUrl="~/images/button_ok.gif" />

</td>

</tr>

</table>

</ul>

</div>

</td>

</tr>

</table>

</asp:Panel>

</ul>

</div>

</form>

</body>

</html>

My code

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class modal : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

//rdpopcmbCompensation.DataBind();

mpeModalPopUp.Show();

}

protected void rdwhpopTaxAuthority1_SelectedIndexChanged(object sender, EventArgs e)

{

chkpopwhEIC.Checked = true;

}

protected void rdwhpopMartialStatus1_SelectedIndexChanged(object sender, EventArgs e)

{

}

protected void rdbtnclick(object sender, EventArgs e)

{

mpeModalPopUp.Hide();

}

General Discussions

answered on 03 Jul 2012

1 answer

192 views

Making caption text bold

Hi,
I want to make the caption text in bold for both the parent and child grid. How can I accomplish this. Anybody pls help
Thanks
Savyo

Grid

answered on 03 Jul 2012

3 answers

123 views

Yearly view in scheduling

Is this possible? DO you have a yearly view?

Scheduler

answered on 03 Jul 2012

1 answer

99 views

Custom skins in web.config

I have created a custom skin with stylebuilder and generated a dll with the tool provided in http://www.telerik.com/community/forums/aspnet-ajax/style-builder/tool-for-embedding-custom-skins-into-an-assembly.aspx

Then, in web config i have the following:

<add key="Telerik.Skin" value="MySkin"/>

<add key="Telerik.EnableEmbeddedSkins" value="false" />

<add key="Telerik.EnableEmbeddedBaseStylesheet" value="false" />

It's not working... Do i need to specify the EnableEmbeddedskins in each control?

General Discussions

answered on 03 Jul 2012

9 answers

860 views

Client side column show/hide and column widths

Hi,

I have a radgrid with several columns without a width setting, and others with a width set (e.g. HeaderStyle-Width="108px").
The table itself has no specific width set (so it just fills the page).

<telerik:RadGrid ID="rgOFR" runat="server" AllowMultiRowSelection="true" AutoGenerateColumns="false"

AllowPaging="true" PageSize="20" AllowFilteringByColumn="true"

onneeddatasource="rgOFR_NeedDataSource" onitemcreated="rgOFR_ItemCreated"

onitemdatabound="rgOFR_ItemDataBound" >

<MasterTableView AllowSorting="true" TableLayout="Fixed" CommandItemDisplay="Bottom">

I need to hide columns on the client side, however this seems to then shuffle the columns along and leave the width in the original position. (Sorry, hard to explain in text!)

e.g.

| Column 1 || Column 2 || Column 3 || Column 4 |

Hide column 2 and you get this:

| Column 1 || Column 3 || Column 4 |

Where I would expect (and require!):

| Column 1 || Column 3 || Column 4 |

Any advice would be appreciated.

Regards,

Ryan

Grid

answered on 03 Jul 2012

1 answer

202 views

Displaying HTML

Hi - I use the RADEditor to create HTML which is then saved to a database. On extracting the HTML from the database I need to display it as simply as possible in a lightweight control which resembles a textbox with no borders.
Is the simplest way to use the AccessibleRadEditor and if so how do I render it without borders or menus? Or is there a simpler way?Thanks,
Paul

Editor

answered on 03 Jul 2012

1 answer

99 views

RadSplitter Height expansion

Hi team,

I have been reading some posts trying to find out how to resize RadSplitter and RadPane height and width. I have realized that RadPane has a 400px default height value and when I resize ONLY the window height from smaller than 400px and up to 400px it resizes well but if I resize window height bigger than 400px it stop resizing, why is it happening, how can I resolve it?

Thanks guys,
Beto.

Splitter

answered on 03 Jul 2012

1 answer

337 views

TreeList Row Height when adding images

Hi,

I'm Experiencing one anoying problem and i would apreciate any help.

So, i have a treelist with skin=Hay and i also have one TreeListTemplate column where i want to add 5 icons with size 24px by 24px.
When i remove all the images the treelist rows are with the correct height, but when i add the icons the row height grows (seems to me to 32px). If in the middle of the treelist one row does not contain any picture the row heigth is diferent.
Besides this problem i still have one left. When i select the row only part of the height becomes selected.

The pictures in attach ilustrates the issue.

Note: the icons are really 24x24 i am not resizing
Also Note that at itemdatabound i'm setting item.height to 24 pixels.

Thanks in Advance,

TreeList

answered on 03 Jul 2012

1 answer

72 views

ComboBox loses css in Firefox when refreshing the page

Hello, I have this site:

http://www.orbitswiss.ch/index_i.aspx

I click the button "Listini" and then I refresh the page; clicking again the button "Listini", I can see that the Combos have lost their css.

What am I doing wrong (only FF presents this anomaly)?

Thank you

AB

ComboBox

answered on 03 Jul 2012

13 answers

509 views

[Solved] Scrolling Issue with PanelBar

Hello,

I am slowly but surely getting my panel bar setup in the manner that would work with my application, however for some reason, the panel bar will not scroll for me when the contents of the <contenttemplate> are larger than the space. I do not get any scrollbar at all and as you can see I do have the ExpandMode="FullExpandedItem" defined. Below is my markup:

<telerik:RadPanelBar runat="server" ID="WebPageLeftPanel" Height="100%" Width="100%" ExpandMode="FullExpandedItem">

<Items>

<telerik:RadPanelItem Text="About This Metric" Expanded="True" Selected="true" >

<ContentTemplate>

<div class="information">

<h5>Description</h5>

<p>

The following metric will show the number of active Blackberry devices per model number within the organization.

The chart provides for a graphical representation to illustrate the percentage each model accounts for in relation to

the total number of devices. Below the chart a table is provided with the information the chart is based on and also

inludes the total number of devices as well.

</p>

<h5>How to Read</h5>

<p>

Each pie of the chart represent a percentage of the total number of devices.  You can hover over each pie slice for more

details to what the slice represents.  Some slices may be too small therefore will not show as easily on the chart, however

the table belows allows you to see the raw data for the chart, which includes the smaller slices.

</p>

</div>

</ContentTemplate>

</telerik:RadPanelItem>

<telerik:RadPanelItem Text="Quick Links">

<ContentTemplate>

<div class="quicklinks">

<telerik:RadSiteMap ID="QuickLinks" runat="server" DataSourceID="QuickLinksDataSource" ShowNodeLines="true" />

</ContentTemplate>

</telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

This is my only real hurdle left with the panel bar as some other stuff I am doing is mostly cosmetic, but this is more functional and I need to get this one figured out.

Any help is greatly appreciated.

Thanks,
Ron Montecalvo

PanelBar

answered on 03 Jul 2012

Top users last month