Telerik Forums
UI for ASP.NET AJAX Forum
0 answers
169 views

Hi, SIR

When I run application on IE10, I got below error message and Javascript was broken to run.

JS error on below function with code this._foregroundElement.parentNode.removeChild(this._backgroundElement), some javascript were not run. 

Any Comments?

 

I debug and found the below source has issues.

Source:
ScriptResource.axd?d=XlV9GqTk6b5uqDuL38kZ4G11N2zpXsNZyBOqVXHFlOnWKja1olyEzRwXEELL_znnIxeWNct6Y9ITl_XOuFwCSkgHrOilsusbkMf-RZAmysQ1X_Zv4cQA8CU6iKpOoSR70&t=76554e0d

 

Code:

Type.registerNamespace("Sys.Extended.UI");Sys.Extended.UI.ModalPopupRepositionMode=function(){throw Error.invalidOperation();};Sys.Extended.UI.ModalPopupRepositionMode.prototype={None:0,RepositionOnWindowResize:1,RepositionOnWindowScroll:2,RepositionOnWindowResizeAndScroll:3};Sys.Extended.UI.ModalPopupRepositionMode.registerEnum("Sys.Extended.UI.ModalPopupRepositionMode");Sys.Extended.UI.ModalPopupBehavior=function(n){Sys.Extended.UI.ModalPopupBehavior.initializeBase(this,[n]);this._popupControlID=null;this._popupDragHandleControlID=null;this._backgroundCssClass=null;this._dropShadow=!1;this._drag=!1;this._okControlID=null;this._cancelControlID=null;this._onOkScript=null;this._onCancelScript=null;this._xCoordinate=-1;this._yCoordinate=-1;this._repositionMode=Sys.Extended.UI.ModalPopupRepositionMode.RepositionOnWindowResizeAndScroll;this._onShown=new Sys.Extended.UI.Animation.GenericAnimationBehavior(n);this._onHidden=new Sys.Extended.UI.Animation.GenericAnimationBehavior(n);this._onShowing=new Sys.Extended.UI.Animation.GenericAnimationBehavior(n);this._onHiding=new Sys.Extended.UI.Animation.GenericAnimationBehavior(n);this._backgroundElement=null;this._foregroundElement=null;this._relativeOrAbsoluteParentElement=null;this._popupElement=null;this._dragHandleElement=null;this._showHandler=null;this._okHandler=null;this._cancelHandler=null;this._scrollHandler=null;this._resizeHandler=null;this._windowHandlersAttached=!1;this._dropShadowBehavior=null;this._dragBehavior=null;this._isIE6=!1;this._saveTabIndexes=[];this._saveDesableSelect=[];this._tagWithTabIndex=["A","AREA","BUTTON","INPUT","OBJECT","SELECT","TEXTAREA","IFRAME"];this._isAnimationJustEnded=!1;this._hidingAnimationEndedHandler=null;this._showingAnimationEndedHandler=null};Sys.Extended.UI.ModalPopupBehavior.prototype={initialize:function(){Sys.Extended.UI.ModalPopupBehavior.callBaseMethod(this,"initialize");this._isIE6=Sys.Browser.agent==Sys.Browser.InternetExplorer&&Sys.Browser.version<7;this._popupDragHandleControlID&&(this._dragHandleElement=$get(this._popupDragHandleControlID));this._popupElement=$get(this._popupControlID);this._createDomElements();this._showHandler=Function.createDelegate(this,this._onShow);$addHandler(this.get_element(),"click",this._showHandler);this._okControlID&&(this._okHandler=Function.createDelegate(this,this._onOk),$addHandler($get(this._okControlID),"click",this._okHandler));this._cancelControlID&&(this._cancelHandler=Function.createDelegate(this,this._onCancel),$addHandler($get(this._cancelControlID),"click",this._cancelHandler));this._scrollHandler=Function.createDelegate(this,this._onLayout);this._resizeHandler=Function.createDelegate(this,this._onLayout);this.registerPartialUpdateEvents();this._resetAnimationsTarget();this._onHiding.get_animation()&&(this._hidingAnimationEndedHandler=Function.createDelegate(this,function(){this._isAnimationJustEnded=!0;this.hide()}),this._onHiding.get_animation().add_ended(this._hidingAnimationEndedHandler));this._onShowing.get_animation()&&(this._showingAnimationEndedHandler=Function.createDelegate(this,function(){this._isAnimationJustEnded=!0;this.show()}),this._onShowing.get_animation().add_ended(this._showingAnimationEndedHandler))},dispose:function(){this._hideImplementation();this._foregroundElement&&this._foregroundElement.parentNode&&(this._foregroundElement.parentNode.removeChild(this._backgroundElement),this._dropShadow&&(this._foregroundElement.parentNode.appendChild(this._popupElement),this._foregroundElement.parentNode.removeChild(this._foregroundElement)));this._scrollHandler=null;this._resizeHandler=null;this._cancelHandler&&$get(this._cancelControlID)&&($removeHandler($get(this._cancelControlID),"click",this._cancelHandler),this._cancelHandler=null);this._okHandler&&$get(this._okControlID)&&($removeHandler($get(this._okControlID),"click",this._okHandler),this._okHandler=null);this._showHandler&&($removeHandler(this.get_element(),"click",this._showHandler),this._showHandler=null);this._hidingAnimationEndedHandler&&this._onHiding.get_animation().remove_ended(this._hidingAnimationEndedHandler);this._showingAnimationEndedHandler&&this._onShowing.get_animation().remove_ended(this._showingAnimationEndedHandler);Sys.Extended.UI.ModalPopupBehavior.callBaseMethod(this,"dispose")},_createDomElements:function(){this._dropShadow?(this._foregroundElement=document.createElement("div"),this._foregroundElement.id=this.get_id()+"_foregroundElement",this._popupElement.parentNode.appendChild(this._foregroundElement),this._foregroundElement.appendChild(this._popupElement)):this._foregroundElement=this._popupElement;this._backgroundElement=document.createElement("div");this._backgroundElement.dataset.actControlType="modalPopupBackground";this._backgroundElement.id=this.get_id()+"_backgroundElement";this._backgroundElement.style.display="none";this._backgroundElement.style.position="fixed";this._backgroundElement.style.left="0px";this._backgroundElement.style.top="0px";this._backgroundCssClass&&(this._backgroundElement.className=this._backgroundCssClass);this._foregroundElement.parentNode.appendChild(this._backgroundElement);this._foregroundElement.style.display="none";this._foregroundElement.style.position="fixed";this._setZIndex()},_setZIndex:function(){var n=parseInt(this._findTopModalPopupBackgroundZIndex());this._backgroundElement.style.zIndex=n?parseInt(n+1):parseInt(Sys.Extended.UI.zIndex.ModalPopupBackground);this._foregroundElement.style.zIndex=parseInt($common.getCurrentStyle(this._backgroundElement,"zIndex",this._backgroundElement.style.zIndex))+1},_getAllElementsWithAttribute:function(n){for(var r=[],i=document.getElementsByTagName("*"),t=0,u=i.length;t<u;t++)i[t].getAttribute(n)!==null&&r.push(i[t]);return r},_findTopModalPopupBackgroundZIndex:function(){for(var u,t,r=this._getAllElementsWithAttribute("data-act-control-type"),i=[],n=0;n<r.length;n++)r[n].dataset.actControlType=="modalPopupBackground"&&i.push(r[n]);for(u={},t=undefined,n=0;n<i.length;n++)t==undefined&&(t=i[n].style.zIndex),i[n].style.zIndex>t&&(t=i[n].style.zIndex);return t},_attachPopup:function(){this._dropShadow&&!this._dropShadowBehavior&&(this._dropShadowBehavior=$create(Sys.Extended.UI.DropShadowBehavior,{},null,null,this._popupElement));this._dragHandleElement&&!this._dragBehavior&&(this._dragBehavior=$create(Sys.Extended.UI.FloatingBehavior,{handle:this._dragHandleElement},null,null,this._foregroundElement));$addHandler(window,"resize",this._resizeHandler);$addHandler(window,"scroll",this._scrollHandler);this._windowHandlersAttached=!0},_detachPopup:function(){this._windowHandlersAttached&&(this._scrollHandler&&$removeHandler(window,"scroll",this._scrollHandler),this._resizeHandler&&$removeHandler(window,"resize",this._resizeHandler),this._windowHandlersAttached=!1);this._dragBehavior&&(this._dragBehavior.dispose(),this._dragBehavior=null);this._dropShadowBehavior&&(this._dropShadowBehavior.dispose(),this._dropShadowBehavior=null)},_onShow:function(n){if(!this.get_element().disabled)return this.show(),n.preventDefault(),!1},_onOk:function(n){var t=$get(this._okControlID);if(t&&!t.disabled)return this.hide()&&this._onOkScript&&window.setTimeout(this._onOkScript,0),n.preventDefault(),!1},_onCancel:function(n){var t=$get(this._cancelControlID);if(t&&!t.disabled)return this.hide()&&this._onCancelScript&&window.setTimeout(this._onCancelScript,0),n.preventDefault(),!1},_onLayout:function(n){var t=this.get_repositionMode();(t===Sys.Extended.UI.ModalPopupRepositionMode.RepositionOnWindowScroll||t===Sys.Extended.UI.ModalPopupRepositionMode.RepositionOnWindowResizeAndScroll)&&n.type==="scroll"?this._layout():(t===Sys.Extended.UI.ModalPopupRepositionMode.RepositionOnWindowResize||t===Sys.Extended.UI.ModalPopupRepositionMode.RepositionOnWindowResizeAndScroll)&&n.type==="resize"?this._layout():this._layoutBackgroundElement()},show:function(){var t,n;if(this._isAnimationJustEnded)this._isAnimationJustEnded=!1;else{if(t=new Sys.CancelEventArgs,this.raise_showing(t),t.get_cancel())return;if(this._onShowing.get_animation()){this._onShowing.play();return}}if(this.populate(),this._attachPopup(),this._setZIndex(),this._backgroundElement.style.display="",this._foregroundElement.style.display="",this._popupElement.style.display="",this._isIE6)for(this._foregroundElement.style.position="absolute",this._backgroundElement.style.position="absolute",n=this._foregroundElement.parentNode;n&&n!=document.documentElement;)if(n.style.position!="relative"&&n.style.position!="absolute")n=n.parentNode;else{this._relativeOrAbsoluteParentElement=n;break}this.disableTab();this._layout();this._layout();this.raise_shown(Sys.EventArgs.Empty);this._onShown.play()},disableTab:function(){var r=0,t,f=[],u,i,n;for(Array.clear(this._saveTabIndexes),i=0;i<this._tagWithTabIndex.length;i++)for(t=this._foregroundElement.getElementsByTagName(this._tagWithTabIndex[i]),n=0;n<t.length;n++)f[r]=t[n],r++;for(r=0,i=0;i<this._tagWithTabIndex.length;i++)for(t=document.getElementsByTagName(this._tagWithTabIndex[i]),n=0;n<t.length;n++)Array.indexOf(f,t[n])==-1&&(this._saveTabIndexes[r++]={tag:t[n],index:t[n].tabIndex},t[n].tabIndex="-1");if(r=0,Sys.Browser.agent===Sys.Browser.InternetExplorer&&Sys.Browser.version<7){for(u=[],i=0;i<this._tagWithTabIndex.length;i++)for(t=this._foregroundElement.getElementsByTagName("SELECT"),n=0;n<t.length;n++)u[r]=t[n],r++;for(r=0,Array.clear(this._saveDesableSelect),t=document.getElementsByTagName("SELECT"),n=0;n<t.length;n++)Array.indexOf(u,t[n])==-1&&(this._saveDesableSelect[r++]={tag:t[n],visib:$common.getCurrentStyle(t[n],"visibility")},t[n].style.visibility="hidden")}},restoreTab:function(){for(var t,n=0;n<this._saveTabIndexes.length;n++)this._saveTabIndexes[n].tag.tabIndex=this._saveTabIndexes[n].index;if(Array.clear(this._saveTabIndexes),Sys.Browser.agent===Sys.Browser.InternetExplorer&&Sys.Browser.version<7){for(t=0;t<this._saveDesableSelect.length;t++)this._saveDesableSelect[t].tag.style.visibility=this._saveDesableSelect[t].visib;Array.clear(this._saveDesableSelect)}},hide:function(){if(this._isAnimationJustEnded)this._isAnimationJustEnded=!1;else{var n=new Sys.CancelEventArgs;if(this.raise_hiding(n),n.get_cancel())return!1;if(this._onHiding.get_animation())return this._onHiding.play(),!0}return this._hideImplementation(),this.raise_hidden(Sys.EventArgs.Empty),this._onHidden.play(),!0},_hideImplementation:function(){this._backgroundElement.style.display="none";this._foregroundElement.style.display="none";this.restoreTab();this._detachPopup()},_layout:function(){var i=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft,r=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop,u=$common.getClientBounds(),o=u.width,s=u.height,n,t,f,e;this._layoutBackgroundElement();n=0;t=0;this._xCoordinate<0?(f=this.

Xm
Top achievements
Rank 1
 asked on 15 Jul 2016
2 answers
282 views

Greetings,

I am using FilterType="HeaderContext" and it is working great!  I would like to hide the header context dots on a template column.  How can I achieve this?

Thank you!

 

Matt

SPH
Top achievements
Rank 1
 answered on 15 Jul 2016
1 answer
167 views

Hello,

 

I have an issue with a full dynamic docking layout. I have an asp:Panel PageContainer and I dynamically add RadDockLayouts to this container.
To these RadDockLayouts I dynamically add RadDockZones and to these RadDockZones  I dynamically add RadDocks. So far, so good.

The only thing I want to achieve is that when someone changes the order of a RadDock inside a particular RadDockZone I can somehow save the order of the RadDocks to a database. I am kind of stuck here because, amongst other things,  I do not understand the purpose of the LoadDockLayout and the SaveDockLayout events and when they happen. Do you have any suggestion(s)?

Regards
Daan

Slav
Telerik team
 answered on 15 Jul 2016
2 answers
315 views

I want to call a function that writes a file for download from a RadContextMenu.  The function works fine when I call it from a button click. But I can't call it from the server side OnContextMenuItemClick because the Response.End() call doesn't let the menu click finish (the load icon just keeps going).  So I am trying to intercept the menu click on the client side, cancel the event, and post the button click instead.  My breakpoint on javascript _doPostBack() gets hit,  my breakpoint on Page_Load gets hit, but my breakpoint on ButtonRptRpt_Click function does not.  Why not?

How can I download a file as a result of a RadMenuItem click? (Opening another browser tab is not an option.)

<telerik:RadTreeView ID="TreeViewBatchRules" runat="server" CheckBoxes="True"
    MultipleSelect="True" ToolTip="Right-click on nodes to see rule batch run menu."
    OnClientContextMenuItemClicking="TreeViewBatchRules_ClientContextMenuItemClicking"
    OnContextMenuItemClick="TreeViewBatchRules_ContextMenuItemClick">
    <DataBindings>
      <telerik:RadTreeNodeBinding Expanded="False" />
    </DataBindings>
    <ContextMenus>
      <telerik:RadTreeViewContextMenu ID="TreeViewBatchRulesContextMenu" runat="server">
        <Items>
          <telerik:RadMenuItem Value="Thing1" Text="Thing 1">    
             </telerik:RadMenuItem>
             <telerik:RadMenuItem Value="CreateReport" Text="Create Report">
             </telerik:RadMenuItem>
        </Items>
      </telerik:RadTreeViewContextMenu>
    </ContextMenus>
  </telerik:RadTreeView>
   
<!-- works fine on button click --> 
<asp:Button ID="ButtonRunRpt" runat="server" Text="Run Report" OnClick="ButtonRunRpt_Click" />

function TreeViewBatchRules_ClientContextMenuItemClicking(sender, eventArgs) { 
    var node = eventArgs.get_node();
    var item = eventArgs.get_menuItem();
    var menu = item.get_menu();   
 
    if (item.get_text() == "Create Report"){
        eventArgs.set_cancel(true);
        var ruleId = node.get_value();
 
        // the postback gets called but doesn't "arrive" at the ButtonRunRpt_Click
        var btnId = "<%=ButtonRunRpt.ClientID %>"
        __doPostBack(btnId, '');
    }           
}
protected void TreeViewBatchRules_ContextMenuItemClick
                  (object Sender,
                       Telerik.Web.UI.RadTreeViewContextMenuEventArgs e)
{
    int ruleId = int.Parse(TreeViewBatchRules.CheckedNodes[0].Value);
 
    switch (e.MenuItem.Value)
    {
       case "Thing1" : ... break;
       case "CreateReport" : BuildReport(ruleId); break; // load icon won't go away; file doesn't download       
    }
}
 
 
protected void ButtonRunRpt_Click(object Sender,
                                  EventArgs e)
{
    int ruleId = int.Parse(TreeViewBatchRules.CheckedNodes[0].Value);
    BuildReport(nodeId); 
}  
 
private void BuildReport(int nodeId)
{
    var ms = GetReport(ruleId);
     
    HttpContext.Current.Response.Clear();
    HttpContext.Current.Response.Buffer = true;
    HttpContext.Current.Response.ContentType = "application/pdf";  
    HttpContext.Current.Response.AddHeader("Content-disposition", "attachment; filename='myReport.pdf'");     
 
    Response.BinaryWrite(ms);
     
    HttpContext.Current.Response.Close();
    HttpContext.Current.Response.End();
}
Nencho
Telerik team
 answered on 15 Jul 2016
5 answers
849 views

Why does my RadGrid trigger page postback upon filtering from client-side?
I populate the data from code-behind and I use JS to trigger the filter by calling a function.
The problem is present even if I use filtering through the RadGrid's filtering controls to test.

Here is my code:

HTML:

<telerik:RadGrid ID="AssetGrid" runat="server" CssClass="asset-grid"
                        Width="100%" Height="100%"
                        OnNeedDataSource="AssetGrid_NeedDataSource">
                        <PagerStyle Position="Bottom" PageSizeControlType="RadComboBox" Mode="NextPrevAndNumeric" />
                        <FilterMenu EnableImageSprites="False" />
                        <ClientSettings AllowColumnHide="True" EnableAlternatingItems="false"
                            EnableRowHoverStyle="true">
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                            <Selecting AllowRowSelect="true" />
                        </ClientSettings>
                        <MasterTableView AllowPaging="true" PageSize="20" AllowFilteringByColumn="true" AutoGenerateColumns="false" DataKeyNames="id, name" TableLayout="Fixed" ClientDataKeyNames="id, name">
                            <Columns>
                                <telerik:GridBoundColumn DataField="id" DataType="System.Int32" SortExpression="id" UniqueName="id" Visible="false" />
                                <telerik:GridBoundColumn DataField="name" DataType="System.Int32" SortExpression="title" UniqueName="title" AutoPostBackOnFilter="false" Visible="false" />
                                <telerik:GridBoundColumn DataField="categoriesid" DataType="System.String" SortExpression="categoriesid" UniqueName="categoriesid" Visible="false" />
                                <telerik:GridBoundColumn DataField="primarycategoryid" DataType="System.String" SortExpression="primarycategoryid" UniqueName="primarycategoryid" AutoPostBackOnFilter="false" Visible="true" Display="false" />
                                <telerik:GridTemplateColumn UniqueName="description">
                                    <ItemStyle
                                        VerticalAlign="Top" HorizontalAlign="Left"
                                        CssClass="data-item" />
                                    <ItemTemplate>
                                        <table class="font-roboto data-item-table" style="table-layout: fixed; width: 100%; pointer-events: none;">
                                            <tr>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                                <td colspan="1" style="width: 8.33333333333%;"></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" style='<%# "background-color:" + c.ParseColorIntToRGB(Eval("color").ToString()) + ";" %>'>
                                                    <%# Eval("statusabbrev").ToString().ToUpper() %>
                                                </td>
                                                <td colspan="10">
                                                    <%# Eval("name") %>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" rowspan="4">
                                                    <%--<video preload="metadata" style="min-height: inherit; width: 100%; height: 100%; max-width: 100%; max-height: 100%;" onclick="if (!this.paused) { this.pause(); } else { this.play(); };" ondblclick="this.pause(); $(this).fadeOut(500, function() { this.load(); $(this).fadeIn(); });">
                                                        <source src='<%# Eval("filepath") %>' type="video/mp4">
                                                    </video>--%>
                                                </td>
                                                <td colspan="2">
                                                    Category
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("primarycategory") %>
                                                </td>
                                                <td colspan="2">
                                                    ID
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("itemcode") %>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    Genre
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("ea_genre") %>
                                                </td>
                                                <td colspan="2">
                                                    Duration
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("title_duration") %>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    Creator
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("creator") %>
                                                </td>
                                                <td colspan="2">
                                                    Updated By
                                                </td>
                                                <td colspan="3">
                                                    <%# Eval("title_last_updated_by") %>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2">
                                                    Created
                                                </td>
                                                <td colspan="3">
                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("created")) %>
                                                </td>
                                                <td colspan="2">
                                                    Updated
                                                </td>
                                                <td colspan="3">
                                                    <%# String.Format("MMMM d, yyyy h:mm:ss tt", Eval("title_last_update")) %>
                                                </td>
                                            </tr>
                                        </table>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                            </Columns>
                        </MasterTableView>
                    </telerik:RadGrid>

 

JavaScript:

function filterGrid(value, gridClientID, columnname, operator, args) {
    if (operator == undefined || operator == '' || operator == null) {
        operator = 'EqualTo'
    }
    if (columnname == undefined || columnname == '' || columnname == null) {
        return;
    }
 
    function AddFilterExpression(grid, dataField, filterFunctionName, filterValue) {
        var master = grid.get_masterTableView();
        master.filter(dataField, filterValue, filterFunctionName);
    }
    var grid;
    if (gridClientID == null || gridClientID == undefined || gridClientID == '') {
        grid = $find('<%=AssetGrid.ClientID %>');
    }
    else {
        grid = $find(gridClientID);
    }
 
    var noValue = false;
    if (value == null || value == undefined || value == '') {
        noValue = true;
    }
    if (noValue) {
        if (args == null || args == undefined || args == '') {
            return;
        }
    }
 
    if (grid != null) {
        if (noValue) {
            value = args.get_node().get_value();
            args.set_cancel(false);
        }
        AddFilterExpression(grid, columnname, operator, value);
    }
    else {
        if (noValue) {
            args.set_cancel(true);
        }
    }
}
Viktor Tachev
Telerik team
 answered on 15 Jul 2016
4 answers
2.2K+ views

Hi,

When I selected rows and that I refresh my page with F5, the rows are not selected but the checkboxes are still checked.

On Page_Load, I tried to do :
- Radgrid.SelectedIndexes.Clear()
- Radgrid.Rebind()
- Radgrid.Datasource = null

But It doesn't work.

Viktor Tachev
Telerik team
 answered on 15 Jul 2016
9 answers
346 views

I have a ImageGallery for showing all thumbnails in a page with Width="100%", which shows fine, but I can't figure out two things:

1. How do you get Height=100%?  I want the gallery to fill the browser page.

2. On resize of the browser window, how do I get the control to resize and adjust the layout to match?

This is what I have for the control right now:

<telerik:RadImageGallery runat="server" ID="rigItems" DisplayAreaMode="Thumbnails" Width="100%" Visible="true" LoopItems="false" AllowPaging="false" ImagesFolderPath="~/"
    DataImageField="ImageUrl" DataTitleField="ImageTitle" DataThumbnailField="ImageUrl" OnNeedDataSource="rigItems_NeedDataSource" >
    <ImageAreaSettings Height="600px" ResizeMode="Fit" />
    <ThumbnailsAreaSettings Height="800px" ShowScrollButtons="false" ThumbnailsSpacing="1px" ThumbnailHeight="200" ThumbnailWidth="200" Mode="Thumbnails" ScrollOrientation="Vertical" ShowScrollbar="true" />
</telerik:RadImageGallery>

Viktor Tachev
Telerik team
 answered on 15 Jul 2016
1 answer
180 views

Our control are using sunset skin and we want to change to Yellow color but still going to use the sunset skin. 

I have check the forum but unable to get the sunset skin css so that I can customize it. 

Kindly advise how i can still use the skin and only change the color background to yellow color. 

 

Thanks in advance 
Andrew

Peter Milchev
Telerik team
 answered on 15 Jul 2016
7 answers
256 views

Hello,

     My Grid is in GridEditMode.Batch.  I have two template columns.

      First Template Column uses a RadNumericTextBox
      Second Template Column uses a RadDatePicker.

 

Could you explain how to update the RadDatePicker's date when the RadNumericTextBox value changes USING the RadNumericTextBox's OnValueChanged CLIENT event please.

Viktor Tachev
Telerik team
 answered on 15 Jul 2016
5 answers
4.5K+ views
Hi,

I am using Raddatepicker and i want to select only Date part from the that textbox.
 i using like this DatePicker.SelectedDate

Like:  currently comming : 9/29/2011 12:00:00 AM

         required : 9/29/2011 or 09/29/2011.

and i want to pass in my method '09/29/2011' but Passing going '9/29/2011 12:00:00 AM


Thanks
Manish
Manish
Top achievements
Rank 1
 answered on 15 Jul 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?