Questions on UI for ASP.NET AJAX Forum

1 answer

71 views

Alternate rows blacked out in one grid, not the other - same skin

I have a skinned radgrid.

There is something strange because on one page, the grid does not display alternate rows (they are blacked out so can only be seen when highlighting over).

See these pages:

www.theplaygrounds.co.uk > click "Dev Setup" - intended result

www.theplaygrounds.co.uk > click "Xtras" - alternate rows blacked out.

I am assuming this is a client side issue. You can view source etc using web dev toolbar. I can't seem to track the cause of this bug?

Thanks

Grid

answered on 21 Jul 2009

2 answers

192 views

[Solved] ShowHeadersWhenNoRecords...

Hi,

I have a hierarchical treeview.
In one of the detail tables I set ShowHeadersWhenNoRecords to false.
But I still get the headers shown as long as I have a "NoRecordsTemplate".

When I remove this template and set "NoDetailRecordsText" to some value it works - no headers, the text is shown...
BUT then I have no Commands available so I'm not able to insert a new record.

The idea - when I have no records I want to display something like "Sorry no XXX available - you can create one..".
In simple words - I want to display the caption (including commands) and the information text.
The reason - I have a lot of detail tables (at the same level) and most of them are usually empty.
So it would save a lot of space if I could avoid displaying the columns header with the filters.

My hope was that ShowHeaders... could do this job -- but it does not.
If I use it as it is -- I have no chance to add a new record.
If I use a template (which would enable me to add an "Insert button") the headers are always shown.

Did I miss something - or is this "by design"?

Regards

Manfred

Grid

answered on 21 Jul 2009

2 answers

156 views

[Solved] Itemtemplate on NOT bound control

Hi,

I'm a bit confused about the "ItemTemplate" thing.
From my point of view a template is some thing which tells how to display something.
So in the case of a Dropdown I have 2 Things - a value and a Text.

How do I "bind" (or assign) those values to my template?
Assume a dropdown with items where the value is an address (URL or such a thing) and the text is some kind of "what to show".
My template should now display a hyperling - with "Text" as display and "Value" as href.

How to write such a template - if the combobox is NOT databound which means that I can'r retrieve the values from the bound data.
Instead I want to "extract" them from the item list.

Regards

Manfred

ComboBox

answered on 21 Jul 2009

1 answer

536 views

Problem with calendar when page zoom level is not 100%

Hi

I have customized the style sheet for the datepicker. When I open the calendar and I set the page zoom level not other than 100% and move my cursor over the dates in the calendar , i gives a weird color kind of thing. This does not happen when the page zoom is excat 100%. let me knwo how this can be solved .

I m pasting part of the style sheet

table.RadCalendar_Web20new

{

border-collapse:separate;

border: #6788be;

background:#fff;

/*font:12px "segoe ui",arial,sans-serif;*/

font:normal 12px Arial, Verdana, Sans-serif;

width:152.5px;

background: white url(Calendar/calendarBg.gif) repeat-x;

text-align:center;

overflow:hidden;

line-height:16px;

}

/*titlebar*/

.RadCalendar_Web20new .rcTitlebar

{

width:100%;

border:1px solid #6788be;

padding:0;

color:#fff;

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

}

.RadCalendar_Web20new .rcTitlebar table

{

width:100%;

border-collapse:separate;

border:0;

font:normal 12px Arial, Verdana, Sans-serif;

color:White;

}

.RadCalendar_Web20new .rcTitlebar td

{

border:0;

padding:0 0 2px;

text-align:center;

vertical-align:middle;

}

.RadCalendar_Web20new .rcTitlebar .rcTitle

{

width:100%;

cursor:pointer;

}

.RadCalendar_Web20new .rcTitlebar .rcPrev,

.RadCalendar_Web20new .rcTitlebar .rcNext,

.RadCalendar_Web20new .rcTitlebar .rcFastPrev,

.RadCalendar_Web20new .rcTitlebar .rcFastNext

{

display:block;

/*width:22px;*/

width:16px;

height:20px;

overflow:hidden;

margin:2px 0 0;

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

text-indent:-2222px;

text-decoration:none;

color:#ccc;

}

.RadCalendar_Web20new .rcTitlebar .rcFastPrev

{

margin-left:2px;

background-position:0 -200px;

}

.RadCalendar_Web20new .rcTitlebar .rcFastPrev:hover

{

background-position:0 -250px;

}

.RadCalendar_Web20new .rcTitlebar .rcPrev

{

background-position:0 -300px;

}

.RadCalendar_Web20new .rcTitlebar .rcPrev:hover

{

background-position:0 -350px;

}

.RadCalendar_Web20new .rcTitlebar .rcNext

{

background-position:0 -400px;

}

.RadCalendar_Web20new .rcTitlebar .rcNext:hover

{

background-position:0 -450px;

}

.RadCalendar_Web20new .rcTitlebar .rcFastNext

{

margin-right:2px;

background-position:0 -500px;

}

.RadCalendar_Web20new .rcTitlebar .rcFastNext:hover

{

background-position:0 -550px;

}

.RadCalendar_Web20new .rcMain

{

width:100%;

border:1px solid #6788be;

border-top:0;

padding:0;

}

.RadCalendar_Web20new .rcMainTable

{

width:100%;

border-collapse:separate;

/* Ch */

border:1px solid;

color:#000;

font:normal 12px Arial, Verdana, Sans-serif;

}

/*header, footer*/

.RadCalendar_Web20new .rcHeader,

.RadCalendar_Web20new .rcFooter

{

border:1px solid #6788be;

border-top-color:white;

background:#e7f1ff;

border-top:0px;

padding:0;

}

.footertemplatecancel__Web20new

{

margin-right:13px;

margin-top:5px;

float:none;

}

.footertemplatetoday__Web20new

{

margin-top:5px;

float:none;

}

/*week numbers and days*/

.RadCalendar_Web20new tr.rcRow

{

width:16px;

line-height:16px;

}

.RadCalendar_Web20new .rcRow th,

.RadCalendar_Web20new .rcWeek th

{

border:1px,solid ;

background:#ecf4ff;

font-weight:bold;

vertical-align:middle;

cursor:default;

}

.RadCalendar_Web20new .rcWeek th

{

border-bottom:1px solid #bcd2f1;

padding:2px 6px 3px 0;

text-align:center;

width:16px;

line-height:16px;

}

.RadCalendar_Web20new .rcWeek .rcViewSel,

.RadCalendar_Web20new .rcRow th

{

/*width:13px;*/

width:16px;

/*border-right:1px solid #bcd2f1;*/

/* border-right:0px solid #bcd2f1;*/

/*padding:0 7px 0 9px;*/

text-align:center;

}

.RadCalendar_Web20new .rcWeek .rcViewSel

{

border-right-color:#ecf4ff;

}

/*date cells*/

.RadCalendar_Web20new .rcRow td

{

border:1px solid #fff;

padding:0px;

margin:0px;

text-align:center;

vertical-align:middle;

width:16px;

height:16px;

}

.RadCalendar_Web20new .rcMain .rcRow a,

.RadCalendar_Web20new .rcMain .rcRow span

{

display:block;

/*padding:1px 5px 1px 0;*/

padding:0px;

text-decoration:none;

color:#000;

}

.RadCalendar_Web20new .rcMain .rcWeekend

{

/*color:#444;*/

width:16px;

line-height:16px;

}

.RadCalendar_Web20new .rcMain .rcOtherMonth a

{

color:#777;

}

.RadCalendar_Web20new .rcMain .rcOutOfRange span

{

color:#777;

cursor:default;

}

.RadCalendar_Web20new .rcRow .rcHover ,

.RadCalendar_Web20new .rcRow .rcHover a

{

/*color:#0e3d4f;*/

background: transparent url(Calendar/HoverBg.gif) no-repeat;

padding:0px;

margin:0px;

width:16px;

line-height:16px;

}

.RadCalendar_Web20new .rcRow .rcToday ,

.RadCalendar_Web20new .rcRow .rcToday a

{

/*border-color:#dde1e4;*/

background: transparent url(Calendar/TodayBg.gif) no-repeat;

padding:0px;

margin:0px;

width:16px;

line-height:16px;

}

.RadCalendar_Web20new .rcRow .rcSelected ,

.RadCalendar_Web20new .rcRow .rcSelected a

{

color:#0d202b;

background: transparent url(Calendar/selectBg.gif) no-repeat;

padding:0px;

margin:0px;

width:16px;

line-height:16px;

}

/*multimonth view*/

table.RadCalendarMultiView_Web20new

{

width:auto;

}

.RadCalendarMultiView_Web20new .rcTitlebar

{

border-color:#243567;

/*background:#3b548c 0 -1200px repeat-x url('Calendar/sprite.gif');*/

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

}

.RadCalendarMultiView_Web20new .rcTitlebar table

{

/*line-height:28px;*/

line-height:16px;

}

.RadCalendarMultiView_Web20new .rcTitlebar .rcFastPrev:hover

{

background-position:0 -650px;

}

.RadCalendarMultiView_Web20new .rcTitlebar .rcPrev:hover

{

background-position:0 -750px;

}

.RadCalendarMultiView_Web20new .rcTitlebar .rcNext:hover

{

background-position:0 -850px;

}

.RadCalendarMultiView_Web20new .rcTitlebar .rcFastNext:hover

{

background-position:0 -950px;

}

.RadCalendarMultiView_Web20new .rcMain

{

border-color:#6788be;

}

.RadCalendarMultiView_Web20new .rcCalendar

{

width:160px;

border:1px solid #6788be;

padding:0;

}

.RadCalendarMultiView_Web20new .rcMainTable .rcTitle

{

border:0;

border-bottom:1px solid #6788be;

padding:0 0 2px;

/*background:#93b4df 0 -1000px repeat-x url('Calendar/sprite.gif');*/

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

color:#fff;

text-align:center;

/*line-height:22px;*/

line-height:16px;

}

/*month view*/

table.RadCalendarMonthView_Web20new

{

border-collapse: collapse ;

border:1px solid #6788be;

background:#fff;

font:normal 10px Arial, Verdana, Sans-serif;

color:#333;

overflow:hidden;

}

table.RadCalendarMonthView_Web20new td

{

border:0px;

padding:0px;

text-align: center;

vertical-align: middle;

border: 1px solid #d8dde0;

cursor: pointer;

padding: 4px;

font: bold 10px Arial, Verdana, Sans-Serif;

color: black;

}

.RadCalendarMonthView_Web20new #rcMView_Feb,

.RadCalendarMonthView_Web20new #rcMView_Apr,

.RadCalendarMonthView_Web20new #rcMView_Jun,

.RadCalendarMonthView_Web20new #rcMView_Aug,

.RadCalendarMonthView_Web20new #rcMView_Oct,

.RadCalendarMonthView_Web20new #rcMView_Dec

{

border-right:1px solid #6788be;

}

.RadCalendarMonthView_Web20new a

{

/*padding:2px 4px;*/

padding:0px;

text-align:center;

text-decoration:none;

color:#333;

overflow:hidden;

}

.RadCalendarMonthView_Web20new .rcSelected

{

border:1px solid #d8dde0;

color:#0d202b;

background: #a8c1e0;

color: black;

}

.RadCalendarMonthView_Web20new #rcMView_PrevY a,

.RadCalendarMonthView_Web20new #rcMView_NextY a

{

background : transparent url(Calendar/ContextMenuInputBg.gif) repeat-x;

display:block;

width:16px;

height:16px;

margin:0 auto;

text-align:center;

visibility:visible;

}

.RadCalendarMonthView_Web20new #rcMView_PrevY a

{

background-position:3px -2100px;

}

.RadCalendarMonthView_Web20new #rcMView_NextY a

{

background-position:5px -2200px;

}

.RadCalendarMonthView_Web20new .rcButtons

{

padding:5px 7px 3px;

text-align:center;

}

.RadCalendarMonthView_Web20new input

{

border:1px solid;

border-color:#0f1d48 #08122e #010615;

/*background:#607fc5 0 -2300px repeat-x url('Calendar/sprite.gif');*/

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

color:#fff;

/*font:12px "segoe ui",arial,sans-serif;*/

font:normal 11px Arial, Verdana, Sans-serif;

cursor:pointer;

padding: 0px 2px;

}

/* .RadCalendarMonthView_Web20new input:hover

{

border-color:#3f5f94;

background-color:#c1d5ef;

background-position:0 -2350px;

color:#0f3789;

} */

.RadCalendarMonthView_Web20new #rcMView_Today

{

margin:0 0 0 0;

padding:0px;

border-color:#6788be;

}

.RadCalendarMonthView_Web20new #rcMView_OK

{

/*padding:0 0.2em;*/

padding:0px;

border-color:#6788be;

}

.RadCalendarMonthView_Web20new #rcMView_OK a

{

/*padding:0 0.2em;*/

padding:0px;

border-color:#6788be;

}

.RadCalendarMonthView_Web20new #rcMView_Cancel

{

padding:0px;

border-color:#6788be;

}

/*time view*/

table.RadCalendarTimeView_Web20new

{

border-collapse:separate;

border:1px solid #6788be;

background:#fff;

/*font:12px "segoe ui",arial,sans-serif;*/

font:normal 12px Arial, Verdana, Sans-serif;

}

.RadCalendarTimeView_Web20new th

{

border:0;

border-bottom:1px solid #6788be;

padding:0 0 2px;

/*background:#93b4df 0 -1000px repeat-x url('Calendar/sprite.gif');*/

background: #e7f1ff url(Calendar/calendarBg.gif) repeat-x;

color:#fff;

text-align:center;

/*line-height:22px;*/

line-height:16px;

cursor:default;

font-weight:normal;

}

table.RadCalendarTimeView_Web20new td

{

border:0;

border-left:1px solid #6788be;

padding:2px 2px 3px;

}

Thank you

John

Calendar

answered on 21 Jul 2009

6 answers

465 views

How to call OnItemClick on OnClientClick of RadPanelBar

Hi there,

Do anybody know how to call the OnItemClick event of RadPanelBar during the OnClientClick of the same. i.e., Calling the server side method using OnClientClick of RadPanelBar

PanelBar

answered on 21 Jul 2009

1 answer

146 views

Radgrid databind issue

Hi,

I've a radgrid to which i bind my data. I need to select multiple rows or can select one row and delete them(i have a delete button which does this.)
On\ce i delete the row or rows from radgrid, i again load the grid (have dattacolumn and assign datasource and databind it).

my problem is if i select one row and click on delete, it works fine. deletes the rows and again binds the grid.

But if i select multiple rows and delete them , it gives me an error telling column name"NAme" already assigned. how do i overcome this. what needs to be donne.
Any help to this would be really appreciated.
Thanks,
ZR

Grid

answered on 21 Jul 2009

5 answers

107 views

IE not responding when use ajaxpanel

Hi.

I have a page use masterpage, and in ContentPlaceHolder, partial content is included by a ajaxpanel.

When I browser this file, IE become not responding.

IE Version: 8.0 RC1

I tried following scenarioes:

1. Not all postback cause problem, only a particular linkbutton will.

2. Use IE compatibility mode.

Result: The same problem

3. Use Chrome.

Result: No problem

4. Not use masterpage, and put all content of ContentPlaceHolder in aspx file

Result: No problem

5. Use masterpage, but ajaxpanel include the whole ContentPlaceHolder Control

Result: No problem

How can i figure the problem out? Any idea?

Thank you very much!:)

Herbert

Ajax

answered on 21 Jul 2009

0 answers

76 views

How to give skin type for RadAjaxPanel

Dear All,

I am using RadPanelBar to load Menus dynamically. Once if i have created my menu and try to navigate to the screen on clicking the menu, am getting PostBack each time on the entire screen. Even the Menus get Postback and Loads each time. So i used RadAjaxPanel, which doesnot allows PostBack. Am using Themes for my Project. So i need to know how could i set the Skin for RadAjaxPanel.

thanks,
Vijayaragavan R

PanelBar

asked on 21 Jul 2009

1 answer

33 views

freezing and editing doesnt work together properly. can you please help me?

i am using telerik grid. in that i have 30 bound columns. i am freezing first 2 columns includes edit button (editboundcolumn).

i have lot of issues while using the grid.

1. When i am using the freezing the grid doesnt show the last columns properly even if the horizontal scroll bar is moved.

Column freezing is working but the last columns are displayed not fully.

when the page is postbacked the grid size changes even if we set the width of the grid. so the look doesnt seem to good.

2. i am using the edit popup functionality with template along with frozen columns and scrolling func. we use editboundcolumn for that.

when we click the edit button the popup doesnt appear on the screen rather it appears only when the grid is scrolled down and is it possible to disable the parent page when editing the popup form.

we are binding it in the codebehind page. code used by us for grid..rough code

<clientsettings>for frozen columns </clientsettings>

<boundcolumns/> ............some 25bound columns

</columns>

</editformsettings>

</mastertableview>

</telerikgrid>

we are luking forward to buy this product.but we have lot of issues. hope u will solve our probs,

Regards,

Srikanth

Grid

answered on 21 Jul 2009

1 answer

134 views

RadComboBox ASPNET AJAX Q1 2009 clear selection issue

Hi,

We are using ASPNET AJAX Q1 2009 RadComboBox in a web user control. There are mutiple comboboxes are we are using LoadOnDemand approach for this.

There comboboxes are related in the sense we need to clear the selection on rest of the comboboxes.

it does not seem to work as desired.

This is our code

<telerik:RadComboBox ID="ddlUPC" runat="server" EnableItemCaching="True" EnableLoadOnDemand="True"

Visible="true" OnItemsRequested="ddlUPC_ItemsRequested"

AutoPostBack="true" EmptyMessage="Search UPC here ..." OnSelectedIndexChanged="ddlUPC_SelectedIndexChanged"

OnTextChanged="ddlUPC_TextChanged" EnableEmbeddedSkins="false">

</telerik:RadComboBox>

Customer Order No

<telerik:RadComboBox ID="ddlCustOrderNo" runat="server" EnableItemCaching="True" EnableLoadOnDemand="True"

Visible="true" OnItemsRequested="ddlUPC_ItemsRequested"

AutoPostBack="true" EmptyMessage="Search Customer Order No here ..." OnSelectedIndexChanged="ddlUPC_SelectedIndexChanged"

OnTextChanged="ddlUPC_TextChanged" EnableEmbeddedSkins="false">

</telerik:RadComboBox>

Customer Project Id

<telerik:RadComboBox ID="ddlCustomerProjectId" runat="server" EnableItemCaching="True" EnableLoadOnDemand="True"

Visible="true" OnItemsRequested="ddlUPC_ItemsRequested"

AutoPostBack="true" EmptyMessage="Search Customer Project Id here ..." OnSelectedIndexChanged="ddlUPC_SelectedIndexChanged"

OnTextChanged="ddlUPC_TextChanged" EnableEmbeddedSkins="false">

</telerik:RadComboBox>

Code behind

        protected void ddlUPC_ItemsRequested(object o, RadComboBoxItemsRequestedEventArgs e)
        {
            RadComboBox ddl = (RadComboBox)o;
            if (ddl.ID=="ddlUPC")
            {
                //ddlCustOrderNo.ClearSelection();
                //ddlCustOrderNo.Text = string.Empty;
                //ddlCustomerProjectId.ClearSelection();
                //ddlCustomerProjectId.Text = string.Empty;
                ddlCustOrderNo.EmptyMessage = "";
                ddlCustomerProjectId.EmptyMessage = "";

  //data binding code goes here
            }
            else if(ddl.ID == "ddlCustOrderNo")
            {
                //ddlUPC.ClearSelection();
                //ddlUPC.Text = string.Empty;
                //ddlCustomerProjectId.ClearSelection();
                //ddlCustomerProjectId.Text = "";
                ddlUPC.EmptyMessage = "";
                ddlCustomerProjectId.EmptyMessage = "";

  //data binding code goes here
            }
            else if(ddl.ID == "ddlCustomerProjectId")
            {
                //ddlUPC.ClearSelection();
                //ddlUPC.Text = string.Empty;
                //ddlCustOrderNo.ClearSelection();
                //ddlCustOrderNo.Text = string.Empty;
                ddlUPC.EmptyMessage = "";
                ddlCustOrderNo.EmptyMessage = "";

//data binding code goes here
}

}

Could you tell us what are we doing incorrect here? Also we have a mandate to not use any javascript to achieve this.

Thanks

Kartik

ComboBox

answered on 21 Jul 2009