Questions on UI for ASP.NET AJAX Forum

1 answer

123 views

*ADMIN - Can you please move this to the Grid forum, as it's not just the datepicker with this problem. This problem exists in the grid.

I have a usercontrol being used for my radgrid insert/edits. It's defined like so:

    
            <EditFormSettings UserControlName="~/_controltemplates/OKS/EstimateAdd.ascx" EditFormType="WebUserControl"> 
        
                                    <EditColumn UniqueName="EditCommandColumn1"> 
        
                                    </EditColumn> 
        
                                </EditFormSettings>

Within the user control exists a RadDatePicker. WIthin that datpicker I have the following tag:

    
            <DateInput onclick='<%= DatePickerID %>' DateFormat="D">

I have the following property that populates that onclick:

    
            public string DatePickerID 
        
                    { 
        
                        get { return "ToggleSecondPopup('" + dpRequiredEstimateCompletion.ClientID + "');"; } 
        
                    }

My togglepopup js function:

    
            function ToggleSecondPopup(id) { 
        
                $find(id).showPopup(); 
        
            }

Immediately after the datepicker control I have a cancel button:

    
            <asp:Button runat="server" Text="Cancel" CommandName="Cancel" ID="cmdCancel" />

Now, my onclick will work for dropping down the calendar control when I first hit the page. However, if I cancel the insert with my cancel button, and go back to insert another record again, my $find has come back empty. I've checked and the id value is absolutely correct. I can do a getElementById and get the DOM object, but of course I still have no reference to the calendar component or it's showPopup method. I thought it might just be the DateInput onclick problem, but upon further inspection, even the calendar button doesn't work at that point. Here is my complete calendar code:

    
            <telerik:RadDatePicker ID="dpRequiredEstimateCompletion" Style="vertical-align: middle;" Width="200px" 
        
                                runat="server" DatePopupButton-ImageUrl="/images/calendar.gif" DatePopupButton-HoverImageUrl="/images/calendar.gif"> 
        
                                <DateInput onclick='<%= DatePickerID %>' DateFormat="D"> 
        
                                </DateInput></telerik:RadDatePicker>

Thank you in advance!

EDITED TO SAY: I've duplicated this functionality in the Template mode as well. Also, after the cancel and hit "Add new Record", none of the controls are working correctly (my RadComboBox no longer works).

Calendar

answered on 27 Apr 2009

3 answers

90 views

RadScheduler - IE6 render issues ViewModes

Is there a work around when the Rad Scheduler does not render properly in IE6.

Anytime I use any of the ViewModes (Day, Week and Month), I have to hover my mouse over another view, in order to view the appointments. For example, I select Month from Rad Scheduler, no contents, but I hover over Day or Week, I can see calendar.

In IE7 and Firefox, this is not an issue.

Scheduler

answered on 27 Apr 2009

1 answer

66 views

Issue with Q3 2008 Skins while using Q1 2009 release

Hello,

we have created skins on Q3 2008 pattern, I tried to follow the instructions mentioned on http://www.telerik.com/community/forums/aspnet-ajax/menu/radmenu-q3-2008-skins-available-for-download.aspx however coudn't succeed neither on grid nor on menu. Please suggest how to deal with it. I am copying the css and aspx code please suggest what I am doing wrong here.

---CSS

/* Telerik RadGrid MVIPstyle Skin */

/*global*/

.RadGrid_MVIPstyle

{

border:0px solid #e5e5e5;

background:#fff;

color:#fff;

}

.RadGrid_MVIPstyle

,

.MasterTable_MVIPstyle

,

.DetailTable_MVIPstyle

,

.GroupPanel_MVIPstyle

table,

.GridEditForm_MVIPstyle

table,

.GridToolTip_MVIPstyle

{

font:11px verdana,sans-serif;

}

.MasterTable_MVIPstyle

,

.DetailTable_MVIPstyle

{

border-collapse:separate !important;

}

.GridRow_MVIPstyle

td,

.GridAltRow_MVIPstyle

td,

.GridEditRow_MVIPstyle

td,

.GridFooter_MVIPstyle

td,

.GridGroupFooter_MVIPstyle

td,

.GridFilterRow_MVIPstyle

td,

.GroupHeader_MVIPstyle

td,

.GridHeader_MVIPstyle

,

.ResizeHeader_MVIPstyle

{

/*padding-left:3px;

padding-right:3px;*/

padding:5px;

}

/* Add new style for MVIP by Designer*/

.GridAltRow_MVIPstyle

td

{

color:#004685;

padding:10px;

}

.GridRow_MVIPstyle

td

{

color:#004685;

padding:10px;

}

/***********************/

.RadGrid_MVIPstyle

.rgAdd,

.RadGrid_MVIPstyle

.rgRefresh,

.RadGrid_MVIPstyle

.rgEdit,

.RadGrid_MVIPstyle

.rgDel,

.RadGrid_MVIPstyle

.rgFilter,

.RadGrid_MVIPstyle

.rgPagePrev,

.RadGrid_MVIPstyle

.rgPageNext,

.RadGrid_MVIPstyle

.rgPageFirst,

.RadGrid_MVIPstyle

.rgPageLast,

.RadGrid_MVIPstyle

.rgExpand,

.RadGrid_MVIPstyle

.rgCollapse,

.RadGrid_MVIPstyle

.rgSortAsc,

.RadGrid_MVIPstyle

.rgSortDesc,

.RadGrid_MVIPstyle

.rgUpdate,

.RadGrid_MVIPstyle

.rgCancel

{

width:16px;

height:16px;

border:0;

padding:0;

background-color:transparent;

background-image:url('Grid/sprite.gif');

background-repeat:no-repeat;

vertical-align:middle;

cursor:pointer;

}

.GroupPanelItems_MVIPstyle

input,

.GridCommandRow_MVIPstyle

img,

.GridHeader_MVIPstyle

input,

.GridFilterRow_MVIPstyle

img,

.GridPager_MVIPstyle

img

{

vertical-align:middle;

}

/*header*/

.GridHeaderDiv_MVIPstyle

{

background:#fcfcfc url('Grid/sprite.gif') 0 -1080px repeat-x;

}

.GridHeader_MVIPstyle

,

.ResizeHeader_MVIPstyle

{

border-top:1px solid #e5e5e5;

border-bottom:1px solid #bbb;

padding:6px 10px 6px 10px;

background:url(../../img/bg_top_nav_active.jpg) left bottom repeat-x;

text-align:left;

text-transform:lowercase;

}

.GridHeader_MVIPstyle

a

{

color:#fff;

text-decoration:none;

font-size:12px;

}

/*rows*/

.GridRow_MVIPstyle

td,

.GridAltRow_MVIPstyle

td,

.GridEditRow_MVIPstyle

td,

.GridFooter_MVIPstyle

td,

.GridGroupFooter_MVIPstyle

td

{

padding-top:7px 8px 7px 8px;

}

.GridRow_MVIPstyle

td,

.GridAltRow_MVIPstyle

td,

.GridFooter_MVIPstyle

td,

.GridGroupFooter_MVIPstyle

td

{

border-top:0px solid #e9e9e9; /*row top border MVIP*/

border-bottom:0px solid #fff; /*row bottom border MVIP*/

}

.GridRow_MVIPstyle

a,

.GridAltRow_MVIPstyle

a,

.GridEditRow_MVIPstyle

a,

.GridFooter_MVIPstyle

a,

.GridGroupFooter_MVIPstyle

a,

.GridEditForm_MVIPstyle

a

{

color:#004685;

text-decoration:underline;

}

/* Add new style for MVIP by Designer */

.GridAltRow_MVIPstyle

a:visited

{

color:#004685;

text-decoration:underline;

}

.GridEditRow_MVIPstyle

a:visited

{

color:#004685;

text-decoration:underline;

}

.GridAltRow_MVIPstyle

td

{

background-color:#F2F2F4;

}

.GridRow_MVIPstyle

a:visited

{

color:#004685;

text-decoration:underline;

}

/******************************/

.SelectedRow_MVIPstyle

{

background:#e5e5e5;

}

.SelectedRow_MVIPstyle

td

{

border-top-color:#e0e0e0;

border-bottom-color:#ececec;

}

.GridRowOver_MVIPstyle

,

.ActiveRow_MVIPstyle

{

background:#fff;

}

.GridEditRow_MVIPstyle

{

background:#ffffe1;

}

.GridEditRow_MVIPstyle

td

{

border-bottom:1px solid #ffffe1;

}

/*footer*/

.GridFooterDiv_MVIPstyle

,

.GridFooter_MVIPstyle

,

.GridGroupFooter_MVIPstyle

{

background:#f3f3f3;

color:#333;

}

/*status*/

.GridPager_MVIPstyle

span

{

color:#999;

}

/*pager*/

.GridPager_MVIPstyle

{

background:#fff;

color:#666;

line-height:22px;

}

.GridPager_MVIPstyle

td

{

/*border-top:1px solid #c7c7c7;*/

padding:10px 4px;

}

.GridPager_MVIPstyle

div span,

.GridPager_MVIPstyle

a,

.GridPager_MVIPstyle

.sliderPagerLabel_MVIPstyle

{

color:#666;

}

.GridPager_MVIPstyle

a:hover

{

color:#000;

}

.PagerLeft_MVIPstyle

{

float:left;

}

.PagerRight_MVIPstyle

{

float:right;

}

.PagerCenter_MVIPstyle

{

text-align:center;

}

.PagerCenter_MVIPstyle

span

{

vertical-align:middle;

}

.RadGrid_MVIPstyle

.rgPagePrev

{

background-position:3px -727px;

}

.RadGrid_MVIPstyle

.rgPageNext

{

background-position:5px -759px;

}

.RadGrid_MVIPstyle

.rgPageFirst

{

background-position:2px -663px;

}

.RadGrid_MVIPstyle

.rgPageLast

{

background-position:2px -695px;

}

/*sorting, reordering*/

.GridHeader_MVIPstyle

.rgSortAsc

{

background-position:-21px -630px;

height:10px;

}

.GridHeader_MVIPstyle

.rgSortDesc

{

background-position:4px -629px;

height:10px;

}

.TopReorderIndicator_MVIPstyle

,

.BottomReorderIndicator_MVIPstyle

{

width:11px !important;

height:11px !important;

margin-left:-5px;

background:url('Grid/sprite.gif') 0 -600px no-repeat;

}

.BottomReorderIndicator_MVIPstyle

{

background-position:-21px -600px;

}

/*filtering*/

.GridFilterRow_MVIPstyle

{

background:#fcfcfc;

}

.GridFilterRow_MVIPstyle

td

{

padding-top:4px;

padding-bottom:4px;

}

.RadGrid_MVIPstyle

.rgFilter

{

background-position:2px -789px;

}

.GridFilterRow_MVIPstyle

input[type="text"]

{

border:solid 1px #aeaeae;

padding:2px;

font:11px arial,sans-serif;

color:#424242;

vertical-align:middle;

}

/*grouping*/

.GroupPanel_MVIPstyle

{

border-bottom:1px solid #aeaeae;

background:#e5e5e5;

}

.GroupPanel_MVIPstyle

.rgSortAsc

{

background-position:-21px -627px;

}

.GroupPanel_MVIPstyle

.rgSortDesc

{

background-position:4px -626px;

}

.GroupPanel_MVIPstyle

td

{

padding:2px 3px;

}

.GroupPanel_MVIPstyle

td td

{

padding:1px;

}

.GroupPanelItems_MVIPstyle

{

border:1px solid;

border-color:#fff #c6c6c6 #c6c6c6 #fff;

padding:1px 2px 1px 5px;

background:#efefef;

color:#999;

white-space:nowrap;

}

.GroupHeader_MVIPstyle

{

background:#fff;

}

.GroupHeader_MVIPstyle

td

{

border-top:1px solid #e9e9e9;

padding-top:5px;

padding-bottom:5px;

}

.RadGrid_MVIPstyle

.rgExpand

{

background-position:2px -822px;

}

.RadGrid_MVIPstyle

.rgCollapse

{

background-position:2px -854px;

}

.GroupHeader_MVIPstyle

td div

{

top:-0.6em;

}

.GroupHeader_MVIPstyle

td div div

{

top:0;

}

/*editing*/

.GridEditForm_MVIPstyle

{

border-bottom:1px solid #e9e9e9;

}

.GridEditForm_MVIPstyle

input[type="text"],

.GridEditForm_MVIPstyle

input[type="password"],

.GridEditForm_MVIPstyle

textarea

{

border:solid 1px #aeaeae;

padding:2px;

font:11px arial,sans-serif;

color:#424242;

}

.RadGrid_MVIPstyle

.rgUpdate

{

background-position:2px -981px;

}

.RadGrid_MVIPstyle

.rgCancel

{

background-position:2px -1013px;

}

/*hierarchy*/

.DetailTable_MVIPstyle

{

border:1px solid #e5e5e5;

border-right:0;

}

/*command row*/

.GridCommandRow_MVIPstyle

{

background:#f3f3f3;

}

.GridCommandRow_MVIPstyle

a

{

color:#000;

}

.RadGrid_MVIPstyle

.rgAdd

{

background-position:2px -1046px;

}

.RadGrid_MVIPstyle

.rgRefresh

{

background-position:5px -885px;

}

.RadGrid_MVIPstyle

.rgEdit

{

background-position:2px -918px;

}

.RadGrid_MVIPstyle

.rgDel

{

background-position:2px -951px;

}

/*multirow select*/

.GridRowSelector_MVIPstyle

{

background:#669;

}

/*row drag n drop*/

.GridItemDropIndicator_MVIPstyle

{

border-top:1px dashed #666;

}

/*tooltip*/

.GridToolTip_MVIPstyle

{

border:1px solid #e5e5e5;

padding:3px;

background:#fff;

color:#000;

}

/*rtl*/

.RadGridRTL_MVIPstyle

.GridHeader_MVIPstyle,

.RadGridRTL_MVIPstyle

.ResizeHeader_MVIPstyle

{

text-align:right;

}

.RadGridRTL_MVIPstyle

.PagerLeft_MVIPstyle,

.RadGridRTL_MVIPstyle

.GridPager_MVIPstyle .radslider

{

float:right;

}

.RadGridRTL_MVIPstyle

.PagerRight_MVIPstyle

{

float:left;

}

------ASPX

<

telerik:RadGrid ID="RadGridProject" CssClass="tblGrid" runat="server" GridLines="None"

ShowStatusBar="true" AllowPaging="True" PageSize="10" EnableEmbeddedSkins="false" Skin="MVIPstyle"

AutoGenerateColumns="false" AllowSorting ="true" OnPageIndexChanged="RadGridProject_PageIndexChanged"

OnItemDataBound="RadGridProject_ItemDataBound"

OnSortCommand="RadGridProject_SortCommand"

onitemcommand="RadGridProject_ItemCommand" onprerender="RadGridProject_PreRender" >

Regards
Rohit

Grid

answered on 27 Apr 2009

1 answer

59 views

Calendar day view all day event display issue

When viewing some of our appointments in all day view, the appointment will be cut off instead of forcing the 'all day' row to expand. When there are two appointments, however, the first one shows fully and only the second one is cut off.

Any ideas why this might be happening or where to look?

Scheduler

answered on 27 Apr 2009

1 answer

148 views

Vertical TabStrip fly out menu

Hello,
Is it possible to have a fly out menu hovering over a tabstrip button in vertical alignment?

Thanks.

TabStrip

answered on 27 Apr 2009

1 answer

96 views

Issue with controls inside radAjaxPanel

Hi,

I have the following scenario:

On my web Content Form (uses master page, with radFormDecorator) I have a radAjaxPanel, inside that I have a button.

The problem:

When the button is clicked (first time only) the button looses its telerik skin and for a split second reverts back to a standard looking button control.

I am using version 2009.1.311.20

Any ideas would be a real help.

FormDecorator

answered on 27 Apr 2009

3 answers

84 views

Editing a row, strange renderings

That's the only way to describe it. A picture is worth a thousand words. Any body have any idea what the heck this is about? I can NOT get rid of it... the weirdness around the textboxes: A screenshot

Grid

answered on 27 Apr 2009

1 answer

232 views

RadTextBox in ItemTemplate - can not Select Text, Ctrl-A, or Shift+Arrow

I'm having an issue with the RadTextBox inside an ItemTemplate in the RadToolBar. Sample of code is below. The problem I'm having is trying to select all the text in the text box. I can't do Ctrl-A, I can't hold Shift+arrow keys to select text, there is nothing I can do to select all the text. Is there anything to correct this?

Telerik.Web.UI -- 2008.03.1314.20

<asp:ContentPlaceHolder ID="PrimaryContent" runat="server">
<div class="Toolbar">
                <telerik:RadToolBar ID="EntityToolbar" runat="server" Skin="Office2009" EnableEmbeddedSkins ="false" OnClientButtonClicked="ToolBar_Clicked">
                    <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation>
                        <Items>
                            <telerik:RadToolBarButton runat="server" Text="New"     Value="new"   ImageUrl="~/images/ToolBar/New.gif"/>
                            <telerik:RadToolBarButton runat="server" Text="Edit"    Value="edit" ImageUrl="~/images/ToolBar/Edit.gif"/>
                            <telerik:RadToolBarButton runat="server" Text="Delete" Value="delete" ImageUrl="~/images/ToolBar/Delete.gif"/>
                            <telerik:RadToolBarButton runat="server" Text="Copy"    Value="copy"    Visible="false"/>
                            <telerik:RadToolBarButton runat="server" Text="Search" Value="searchbox" Visible="true">
                            <ItemTemplate><telerik:RadTextBox ID="searchvalue" runat="server" Skin="Office2009" Width="125px" EnableEmbeddedSkins="False" /></ItemTemplate>
                            </telerik:RadToolBarButton>
                            <telerik:RadToolBarButton runat="server" Text="Search" Value="search" ImageUrl="~/images/ToolBar/Lookup.gif" Visible="true" />
                        </Items>
                </telerik:RadToolBar>
</div>
            </asp:ContentPlaceHolder>

Input

answered on 27 Apr 2009

3 answers

110 views

Pager Image

I saw an example on the demo site to do with Pager mode..If we set that Mode="NextPrevNumeric"
we have FirstPage,PrePage,numeric,Nextpage,LastPage, but I can't get ur FirstPage and LastPage Image ..
When i looked out on the documentation, I found it was custom..
Is there a easy way to put the FirstPage and LastPage?
I really don't want to do any custom paging..

Thanks,
DIP

Grid

answered on 27 Apr 2009

4 answers

127 views

Moving to a new computer (groan!)

Hi
Can someone give me some pointers on moving an application to a new developement computer.
A site has been developed using:

- windows xp OS
- IIS 5
- Visual Web Developer 2008 sp1
- Q3 2008 RadControls installed

The new machine is
- windows vista ultimate
- IIS7
- VWD 2008 sp1
- Q1 2009 RadControls installed

I have taken the brute force approach and tried straight copy of the relevant website
from wwwroot on the old to wwwroot on the new.

First problem - the menu bar does not open on mouseover or click - so something
is missing...

Can you give me some clues as to where to look. Maybe web config needs updating?
Do I need to reload the dlls in the bin folder...

Thanks for your pointers

Clive

General Discussions

answered on 27 Apr 2009