Questions on UI for ASP.NET AJAX Forum

12 answers

237 views

Adaptive Behavior

How can we enable Adaptive Behavior to a menu.
What version do we need for this to work, I am on 2014.1.225.35?

Menu

answered on 21 Mar 2014

1 answer

417 views

RadWindow not responsive when used with Bootstrap

Hi,
I am using RadWindow on an asp.net application using Boostrap for responsive design but the RadWindow is not been responsive when been viewed on different devices. What I need to do to get it responsive on different devices.

Also where are the RadPageLayout demos?

General Discussions

answered on 21 Mar 2014

4 answers

149 views

document manager

i have a document manager and when i insert a document with the editor i want the url to be like http://domain/filelocation/DownloadHandler.ashx?path=../filelocation and name without the extension because the default behaviour dont allow to change url for a file

so when i insert the document it should be like that and not just like filelocation/filename.extension

Editor

answered on 21 Mar 2014

11 answers

240 views

Grid height between ajax postback

Hi, i got a problem that during the postback of ajax, the grid height shrink and expend (flicks)
using latest version.

Code as follows

    
              <telerik:RadAjaxLoadingPanel ID="PnlLoading" runat="server" Height="75px" Width="75px" Transparency="50">  
        
                        <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border:0;" /> 
        
                    </telerik:RadAjaxLoadingPanel> 
        
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                <AjaxSettings> 
        
                     <telerik:AjaxSetting AjaxControlID = "GridListing">  
        
                       <UpdatedControls> 
        
                         <telerik:AjaxUpdatedControl ControlID ="GridListing" LoadingPanelID="PnlLoading" /> 
        
                       </UpdatedControls>        
        
                     </telerik:AjaxSetting>     
        
                        <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
        
                            <UpdatedControls> 
        
                                <telerik:AjaxUpdatedControl ControlID="RadAjaxManager1" /> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting>           
        
                </AjaxSettings> 
        
                </telerik:RadAjaxManager>    
        
               <table class="style1">  
        
                      <tr> 
        
                          <td align="left" valign="top">  
        
                              <asp:Label ID="lblSearchNum" runat="server" Text="Search Results (17)"></asp:Label> 
        
                          </td> 
        
                          <td align="left" valign="top" width="550">  
        
                              <asp:Label ID="Label1" runat="server" Text="Result Map"></asp:Label> 
        
                          </td> 
        
                      </tr> 
        
                      <tr> 
        
                          <td align="left" valign="top" width="300">  
        
                              <telerik:RadGrid ID="GridListing" runat="server" AllowPaging="True"   
        
                                  AutoGenerateColumns="False" GridLines="None" PageSize="50"   
        
                                  Skin="WebBlue" ShowHeader="False" Width="280px" Height="500px">  
        
                                  <PagerStyle EnableSEOPaging="True" Mode="Slider" /> 
        
            <MasterTableView> 
        
            <RowIndicatorColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </RowIndicatorColumn> 
        
            <ExpandCollapseColumn> 
        
            <HeaderStyle Width="20px"></HeaderStyle> 
        
            </ExpandCollapseColumn> 
        
                <Columns> 
        
                    <telerik:GridBoundColumn UniqueName="column" DataField="HRef_no"   
        
                        HeaderText="Reference">  
        
                        <HeaderStyle Width="80px" /> 
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="Latitude" UniqueName="column2"   
        
                        Visible="False">  
        
                    </telerik:GridBoundColumn> 
        
                    <telerik:GridBoundColumn DataField="Longitude" UniqueName="column3"   
        
                        Visible="False">  
        
                    </telerik:GridBoundColumn> 
        
                </Columns> 
        
            </MasterTableView> 
        
                                  <ClientSettings enablepostbackonrowclick="True" enablerowhoverstyle="True">  
        
                                      <Selecting AllowRowSelect="True" /> 
        
                                      <Scrolling AllowScroll="True" UseStaticHeaders="True" /> 
        
                                  </ClientSettings> 
        
                              </telerik:RadGrid> 
        
                          </td> 
        
                          <td align="left" valign="top" width="550">  
        
                          </td> 
        
                      </tr> 
        
                  </table>

Grid

answered on 21 Mar 2014

1 answer

153 views

Rad Grid height shrinks after AJAX call

Hi, we have an application in which we are using rad grid. We are using .NET 4.0 framework, AJAX Toolkit version - 3.0 and Telerik version - 2013.3.1114.40. We are facing a peculiar problem with grid height. At first our grids were not filling up the entire window, so we took the suggestion from here

http://www.telerik.com/support/code-library/setting-100-height-and-resize-on-container-resize-for-grid-with-scrolling-and-static-headers

and modified the grid. Everything worked fine and the grids resized properly and fitted the window perfectly on initial load. But we found out that after any AJAX operation in the grid(such as new row addition or edit or save or cancel) the grid height shrinked after the load. We searched and found out that this, is a problem with MS AJAX itself. As mentioned over here

http://www.telerik.com/forums/grid-height-between-ajax-postback#7bKm9CY-u0K3Ymwwa978wg

But when we applied the solution, as mentioned in the above thread that is this :

Sys._ScriptLoader.getInstance()._loadScriptsInternal = function

() {

if (this._scriptsToLoad && this

._scriptsToLoad.length > 0) {

var nextScript = Array.dequeue(this

._scriptsToLoad);

var scriptElement = this

._createScriptElement(nextScript);

if

(scriptElement.text && Sys.Browser.agent === Sys.Browser.Safari) {

            scriptElementscriptElement.innerHTML = scriptElement.text;

delete

scriptElement.text;

         }

if (typeof (nextScript.src) === "string"

) {

this._currentTask = new Sys._ScriptLoaderTask(scriptElement, this._scriptLoadedDelegate); this

._currentTask.execute();

         }

else

{

            document.getElementsByTagName(

'head'

)[0].appendChild(scriptElement);                                             Sys._ScriptLoader._clearScript(scriptElement);

this

._loadScriptsInternal();

         }

      }

else

var callback = this

._allScriptsLoadedCallback;

this

._stopLoading();

if

(callback) {

             callback(

this

But it does not work out and throws an error at the line

this._stopLoading();

The aps.net web blog says that they have fixed this in the .NET 3.5 framework release itself, but its still comming. Can anybody help me on this ?

Grid

answered on 21 Mar 2014

2 answers

46 views

RadDataPager LastPage firing error

Hello,

RadDataPager was working properly until we upgrated our project to Silverlight 5.
Last page button is not firing.

I attached an example regarding this issue.

Telerik.Windows.Controls
Telerik.Windows.Controls.Charting
Telerik.Windows.Controls.Data
Telerik.Windows.Controls.GridView
Telerik.Windows.Controls.Input
Telerik.Windows.Controls.Navigation
Telerik.Windows.Data

Version : 2014.1.224.1050 are used in the demo.
I would be glad if you help me.

DataPager

answered on 21 Mar 2014

7 answers

374 views

RadCombobox Filtering Culture and CaseSensitive Problem

My problem about turkish character problem with filtering.I also made culture as tr-TR for a combobox.Assume that one of records (IstiasIi) that contains special Turkish characters(upper I , lower i).
When I write lower (i) its only matching lower (i) but I want to see to it also matched with(upper I) character because in turkish they are same.if I write (upper I) it is matching only (upper I) not lower.Another chacters which are turkish(s,ü ...) they are always matching lower or upper.if I write (lower i) it is matching with (upper I and I) .lower i is not equal upper I in turkish.When I use load on demand property of combobox, sql query which contains like function get a data exactly what a want.Code adding items list of Radcombobox but filtering dont display record because not matching.How can I fix this problem.

ComboBox

answered on 21 Mar 2014

1 answer

93 views

CheckList Filter on Columns of RadGrid

Hello everyone..is there a way to make sure that when the filter "checklist" is applied to a table's column automatically checklists relating to the other columns of the table will resize automatically?

Thanks in advance!

Grid

answered on 21 Mar 2014

1 answer

131 views

RadGrid - hide a specific column during print

Hi I wish to hide 'Edit' column using @mediaPrint. I am unable to manipulate the html created using radGrid via jQuery. Following is the HTML created:


    <TR>
    <TD>
    <DIV id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_ctl42Panel">
    <DIV id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_ctl42">
    <DIV style="WIDTH: 100%" id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid" class="RadGrid RadGrid_Default">
    <TABLE style="WIDTH: 100%; EMPTY-CELLS: show; TABLE-LAYOUT: auto" id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid_ctl00" class="rgMasterTable" border="0">
    <COLGROUP><COL style="WIDTH: 3%" /><COL style="WIDTH: 15%" /><COL style="WIDTH: 15%" /><COL style="WIDTH: 10%" /><COL style="WIDTH: 10%" /><COL style="WIDTH: 15%" /><COL style="WIDTH: 10%" /><COL style="WIDTH: 22%" /></COLGROUP>
    <THEAD>
    <TR>
    <TH style="DISPLAY: none" class="rgHeader" scope="col" UniqueName="Edit">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl00','')">Edit</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Parent_x0020_Program">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl01','')">Parent Program</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Program">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl02','')">Program</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Program_x0020_ID">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl03','')">Program ID</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Group">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl04','')">Group</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Investment_x0020_Envelope">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl05','')">Investment Envelope</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="Function">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl06','')">Function</A>
    </TH>
    <TH style="TEXT-ALIGN: center" class="rgHeader" scope="col" UniqueName="AKA">
    <A title="Click here to sort" href="javascript:__doPostBack('ctl00$ctl22$g_6f2f4cde_9491_4d9a_b866_c338a5db0248$g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid$ctl00$ctl02$ctl01$ctl07','')">AKA</A>
    </TH>
    </TR>
    </THEAD>
    <TBODY>
    <TR id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid_ctl00__0" class="rgRow" vAlign="top">
    <TD vAlign="top" align="center">
    <A onclick="GoToLink(this);return false;" href="/ProjectProfileForm.aspx?LID=228" target="_self"><IMG border="0" alt="Edit" src="/images/edititem.gif" /></A>
    </TD>
    <TD vAlign="top" align="center">
    </TD>
    <TD vAlign="top" align="center">
    The Big one
    </TD>
    <TD vAlign="top" align="center">
    PRG0001
    </TD>
    <TD vAlign="top" align="center">
    PDN
    </TD>
    <TD vAlign="top" align="center">
    Revenue Growth
    </TD>
    <TD vAlign="top" align="center">
    Engineering
    </TD>
    <TD vAlign="top" align="center">
    the dummy project for testing
    </TD>
    </TR>
    </TBODY>
    </TABLE>
    <INPUT id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid_ClientState" type="hidden" name="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_g_6f2f4cde_9491_4d9a_b866_c338a5db0248Grid_ClientState" autocomplete="off" value="" />
    </DIV>
    </DIV>
    </DIV>
    <DIV style="DISPLAY: none" id="ctl00_ctl22_g_6f2f4cde_9491_4d9a_b866_c338a5db0248_AjaxLoadingPanel">
    <IMG style="BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px" src="/Images/loading6.gif" />test
    </DIV>
    </TD>
    </TR>

Grid

answered on 21 Mar 2014

12 answers

288 views

RadDatePicker not working on IE10

I just spoke with a user who informed me that the RadDatePicker control wasn't working in Windows 8 with IE10. (I don't know if he's running on a 32-bit or 64-bit processor; I didn't think to ask.) We don't have any Windows 8 machines in-house, so I can't test it. Is this simply a case of needing to upgrade the ASP.NET AJAX Telerik controls?

Calendar

answered on 21 Mar 2014