Questions on UI for ASP.NET AJAX Forum

1 answer

67 views

how do i toggle the advanced form title when doing web services bindign based on form mode?

    
                <div class="rsAdvTitle"> 
        
                    <%-- The rsAdvInnerTitle element is used as a drag handle when the form is modal. --%> 
        
                    <h1 class="rsAdvInnerTitle"> 
        
                        <%= Owner.Localization.AdvancedEditAppointment %></h1> 
        
                </div>

I see by default it's always using the edit appointment.
And I see this happening before the populate method in the form created method

var isInsert = mode == Telerik.Web.UI.SchedulerFormMode.AdvancedInsert;

There should be a way to check for mode in the script line <%= Owner.Localization.AdvancedEditAppointment %>

Scheduler

answered on 09 Dec 2009

4 answers

122 views

Next page problem

Hello

i have a RadGrid and i'm binding to the database dynamically using a DataTable
but when i click on next page button, the RadGrid is empty

please help

Thanks

Grid

answered on 09 Dec 2009

6 answers

219 views

Deselect grid row from another control client side

Hi,

Can you please tell me how to achieve the following client side using javascript:

I have a radgrid with a GridClientSelectColumn.

When I select a grid row, I add the grid item to a MS Listbox.

Now, I want to be able to select the item in the Listbox, click a button that removes the item from the Listbox and also deselects the corresponding grid row.

I need it to do 2 things: 1.) Uncheck the GridClientSelectColumn checkbox, and 2.) remove the Highlighting (deselected state)

Thank you,
Andy

Grid

answered on 09 Dec 2009

1 answer

133 views

[Solved] Setting server system date as current date to a RAD:DatePicker

Hi,

    I want to show "Server machine" system date as "Current Date" in a "RAD:DatePicker". Suppose "Server System" date is "23/12/2009". and "Client System" date is "22/12/2009" then I want to high light "23/12/2009" as current date, When DatePicker Popup is opened. Following is code snippet setting style to high light "Today's date in picker.

   <SpecialDays>
                                    <telerik:RadCalendarDay Repeatable="Today" Date="" ItemStyle-CssClass="rcToday" />
                                </SpecialDays>

Thanks in Advance,
Kumar.

Calendar

answered on 09 Dec 2009

1 answer

111 views

RadTreeview DradDrop problem

Hi All,

I am facing problem with dragdrop fuctionality with radTreeview...

I have two radtreeviews both are bind from database.One on Left and other one on right..

Now, i am dragging one node from first tree into the other tree,but the problem is when i am dropping the sourcenode over destnode,dragdrop functionality is not working.for other drop positions below,above works fine!!
Drop position Over works fine if i am not binding it from database!!
I am doing this by server side programming.
Anybody has idea?

Thank you.

Kiran

TreeView

answered on 09 Dec 2009

2 answers

366 views

[Solved] Different Skin for the Detail Table of a RadGrid

Hi all,

I have got RadGrid which I have assigned a custom skin.The Detail Table inherits the same skin from the main grid,is it possible to specify a different skin for the Detail Table?

Thanks

Grid

answered on 09 Dec 2009

1 answer

53 views

focusing on subject and description text boxes in advanced form

When I have text in the subject text box and i click on it to change the text it always moves my cursor to the start of the text even if i click at the end of the string. what gives?
same goes for the description text box.

Scheduler

answered on 09 Dec 2009

6 answers

437 views

Tooltip and Validation

Hi,

first of all I like to state that I am very impressed with the controls like a lot of people using them I find them to be the best.

Now to the matter in hand,

I was wondering if there is a way to display the validation errors(messages) in a form a tooltip.
Secondly if there is way the validationsummary can be added as a tooltip?

Thank you very much

ToolTip

answered on 09 Dec 2009

0 answers

265 views

Using Custom Skins of RadToolTip with Base Style Sheet after Upgrading to Q3.2009SP1

Using Custom Skins of RadToolTip with Base Style Sheet after Upgrading to Q3.2009SP1

With the release of Q3.2009 SP1 we have introduced a change in serving the skins of RadToolTip.

RadToolTip was one of the few controls that did not use base style sheet, but only a skin .css file. Since Service Pack 1 the styling of the control is based on two style sheets – base style sheet and skin-specific style sheet.

The aim of this article is to explain in a few easy steps how to use this new functionality on custom skins that would be broken after upgrade.

The main purpose of the base style sheet of Telerik RadControls is to separate the layout-specific CSS rules that are common for all skins from the skin-specific settings (background images, colors and borders) and thus facilitate the skin maintenance or the creation of a new skin. By introducing a base style sheet to RadToolTip and moving the common settings in a separate file we managed to reduce the CSS file from 300+ lines to less than 50 lines per skin.

The easiest way to use a custom skin with the latest version of RadControls is to set EnableEmbeddedBaseStylesheet to false in the server declaration of RadToolTip. This will prevent the loading of the base style sheet on the page and the control will simply resort on the custom style sheet that contains all settings that are now gone in the base CSS file. However, in order to ensure that the skin will work in any possible case or future updates just read the rest of this article.

Let’s assume that our custom skin is based on one of the skins shipped with RadControls, for example – WebBlue. All skins are stored in [RadControlsInstallationRoot]/Skins/SkinName/ToolTip.SkinName.css. Let’s now compare the skins from SP1 with an older skin. The first thing that is obvious is that both files differ in size.

Essentially, what we need to do now is to remove selectors from the custom skin that are not required by the new skinning mechanism of RadToolTip.

The selectors or CSS properties that need to be removed from the skin are shown in red in the listing below:

.RadToolTip_WebBlue.rtLoading
{
      background: url('ToolTip/Loading.gif') no-repeat center;
      width: 100%;
      height: 100%;
}

div.RadToolTip_WebBlue
{
position: absolute;
cursor: default;
}

div.RadToolTip_WebBlue div.rtCallout
{
display: none;
}

div.RadToolTip_WebBlue.rtVisibleCallout div.rtCallout
{
display: block;
}

div.RadToolTip_WebBlue table.rtWrapper
{
      padding: 0;
      margin: 0;
      border-collapse: collapse;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopRight,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomRight
{
      width: 3px;
      height: 3px;
      line-height: 1px;
      font-size: 1px;
      background-image: url('ToolTip/ToolTipSprites.gif');
      background-color: transparent;
      background-repeat: no-repeat;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopLeft
{
background-position: 0 -12px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopRight
{
background-position: right -12px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomLeft
{
background-position: 0 -63px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomRight
{
background-position: right -63px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomCenter
{
      height: 3px;
      line-height: 0px;
      font-size: 1px;
      background: url('ToolTip/ToolTipSprites.gif') ;
      background-repeat: repeat-x;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopCenter
{
background-position: 0 -66px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomCenter
{
background-position: 0 -120px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperLeftMiddle,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperRightMiddle
{
      background-image: url('ToolTip/ToolTipVerticalSprites.gif');
      background-repeat: repeat-y;
      font-size: 1px;
      width: 3px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperLeftMiddle
{
background-position: 0 0;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperRightMiddle
{
      background-position: -3px 0;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperContent
{
      font: normal 12px "Segoe UI", Arial, Sans-serif;
      height: 100%;
      background-color: #e4e5f0;
      padding: 4px;
      color: #333;
}

div.RadToolTip_WebBlue div.rtTitlebar
{
      color: #333;
      font: normal 18px "Segoe UI", Arial, Sans-serif;
      float: left;
      line-height: 22px;
}

div.RadToolTip_WebBlue a.rtCloseButton
{
      display: block;
      float: right;
      position: absolute;
      right: 2px;
      width: 12px;
      height: 12px;
      font-size: 1px;
      line-height: 1px;
      margin-top: 5px;
      margin-right: 3px;
      background-image: url('ToolTip/ToolTipSprites.gif');
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      outline: none;
}

/* RTL support begin */
div.RadToolTip_WebBlue_rtl a.rtCloseButton,
div.RadToolTip_WebBlue_rtl a.rtCloseButton:hover
{
      float: left ;
      text-decoration: none ;
      outline: none;
      left: 2px;
      margin-left: 1px;
      right: auto;
      margin-right: auto;
}

div.RadToolTip_WebBlue_rtl div.rtTitlebar,
div.RadToolTip_WebBlue_rtl table.rtWrapper td.rtWrapperTopCenter div.rtTitlebar div
{
float: right ;
}

/* position="rtCalloutCenter" */

div.RadToolTip_WebBlue_rtl .rtCalloutCenter
{

right: 0;
left: auto;
}

/* position="rtCalloutBottomRight" */
.RadToolTip_WebBlue_rtl .rtCalloutTopLeft
{

margin-right: -20px;
left: 0;
}

/* position="rtCalloutBottomCenter" */
.RadToolTip_WebBlue_rtl .rtCalloutTopCenter
{
margin-right: 10px;
}

/* position="rtCalloutBottomLeft" */
.RadToolTip_WebBlue_rtl .rtCalloutTopRight
{
margin-right: 20px;
}

/* position="rtCalloutTopCenter" */
.RadToolTip_WebBlue_rtl .rtCalloutBottomCenter
{
margin-right: 10px ;
}

/* position="rtCalloutTopLeft" */
.RadToolTip_WebBlue_rtl .rtCalloutBottomRight
{
margin-right: 40px ;
}

/* position="rtCalloutTopRight" */
.RadToolTip_WebBlue_rtl .rtCalloutBottomLeft
{
margin-right: -20px;
left: 0;
}

/* position="rtCalloutMiddleRight" */
.RadToolTip_WebBlue_rtl .rtCalloutMiddleLeft
{
margin-right: 10px;
left: 0;
}

/* position="rtCalloutMiddleLeft" */

.RadToolTip_WebBlue_rtl .rtCalloutMiddleRight
{
margin-right: 1px;
}

/* RTL support end */

div.RadToolTip_WebBlue div.rtCallout
{
      position: absolute;
      height: 11px;
      width: 11px;
      line-height: 0px;
      font-size: 1px;
      background-image: url('ToolTip/Callouts.gif');
      background-repeat: no-repeat;
}

/* position="rtCalloutCenter" */
div.RadToolTip_WebBlue .rtCalloutCenter
{
visibility: hidden;
}

/* position="rtCalloutBottomRight" */
.RadToolTip_WebBlue .rtCalloutTopLeft
{
      margin-top: -10px;
      margin-left: 20px;
      background-position: 0 -22px;
}

/* position="rtCalloutBottomCenter" */
.RadToolTip_WebBlue .rtCalloutTopCenter
{
      left: 50% ;
      margin-top: -9px;
      margin-left: -10px;
      background-position: 0 0 ;
}

/* position="rtCalloutBottomLeft" */
.RadToolTip_WebBlue .rtCalloutTopRight
{

left: 100% ;
margin-top: -10px;
margin-left: -20px;
background-position: 0 -11px ;
}

/* position="rtCalloutTopCenter" */
.RadToolTip_WebBlue .rtCalloutBottomCenter
{

      top: 100% ;
      left: 50% ;
      margin-left: -10px ;
      margin-top: -1px ;
      background-position: 0 -55px ;
}

/* position="rtCalloutTopLeft" */
.RadToolTip_WebBlue .rtCalloutBottomRight
{
               top: 100% ;
               left: 100% ;
               margin-left: -40px ;
               margin-top: -1px ;
               background-position: 0 -66px ;
}

/* position="rtCalloutTopRight" */
.RadToolTip_WebBlue .rtCalloutBottomLeft
{
      top: 100% ;
      margin-left: 20px ;
      margin-top: -1px ;
      background-position: 0 -77px ;
}

/* position="rtCalloutMiddleRight" */
.RadToolTip_WebBlue .rtCalloutMiddleLeft
{
      top: 50% ;
      margin-left: -10px;
      margin-top: -7px;
      background-position: 0 -44px ;
}

/* position="rtCalloutMiddleLeft" */
.RadToolTip_WebBlue .rtCalloutMiddleRight
{
      left: 100% ;
      top: 50% ;
      margin-left: -1px;
      margin-top: -10px;
      background-position: 0 -33px;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopRight,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperLeftMiddle,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperContent,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperRightMiddle,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomCenter,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomRight
{
   padding: 0;
border: 0;
border-collapse: collapse;
}

Finally, when we are over and done removing selectors and properties, the new custom skin should look similar to this:

.RadToolTip_WebBlue.rtLoading
{
background: url('ToolTip/Loading.gif') no-repeat center;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopRight,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomLeft,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomRight
{
background-image: url('ToolTip/ToolTipSprites.gif');
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperTopCenter,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperBottomCenter
{
background-image: url('ToolTip/ToolTipSprites.gif') ;
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperLeftMiddle,
div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperRightMiddle
{
background-image: url('ToolTip/ToolTipVerticalSprites.gif');
}

div.RadToolTip_WebBlue table.rtWrapper td.rtWrapperContent
{
background-color: #e4e5f0;
color: #333;
}

div.RadToolTip_WebBlue div.rtTitlebar
{
color: #333;
}

div.RadToolTip_WebBlue a.rtCloseButton
{
background-image: url('ToolTip/ToolTipSprites.gif');
}

div.RadToolTip_WebBlue div.rtCallout
{
background-image: url('ToolTip/Callouts.gif');
}

ToolTip

asked on 09 Dec 2009

2 answers

94 views

Media won't run a second time

Hi
I have a flash video control on a page running in a window, set to autplay on page load.
This works fine, and starts when the window is opened.

I order to ensure the media does not keep playing when the window is closed I have this
script (from Telerik):

    
            <script type="text/javascript">    
        
                function ShowWindow(oWnd) {    
        
                    oWnd.add_close(OnClientClose); //set a function to be called when RadWindow is closed     
        
                }    
        
                function OnClientClose(oWnd) {    
        
                    oWnd.setUrl("about:blank"); // Sets url to blank     
        
                }         
        
            </script>

However this also seems to ensure that the media does not play if the window is called again,
unless the parent page is refreshed by the visitor.

How can I get round this?

Thanks

Clive

Window

answered on 09 Dec 2009