Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
58 views
Hey,

I have set the slidingzone title, all looks good in IE, but when opening in Chrome or Firefox, the title of the slidingzone was not properly rendered. The orientation of the letters are horizontal and not vertical like in IE.

See attachments images fot a better look at the problem.

Can someone help me for a workaround?

Thanks,
Jan
Tsvetie
Telerik team
 answered on 26 Feb 2010
1 answer
160 views
Hi,

Question to devs and community:

Did anyone ever tried RadControls and CSS Reset (like Eric's M.) in larger project ?
Did it work for FF and IE well ?
Dimo
Telerik team
 answered on 26 Feb 2010
2 answers
121 views
We are trying to resolve an issue that happens when using the dock on any WebKit based browsers (Google Chrome, Safari for Windows, etc.)  The issue appears to be that when dock.set_handle is called, it causes controls to not work on these browsers.  The example below should run unmodified and show that a dropdownlist works fine as long as the dock handle is not set.  As soon as you call dock.set_handle, the dropdownlist will no longer dropdown at all.  This is a pretty big issue for us.  Any ideas? 

UPDATE: Added code sample.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %> 
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"
    <title></title
    <script type="text/javascript" language="javascript"
        function SetDockHandle(dock) { 
            var d = document.getElementById("Handle_1") 
             
            //comment the next line out and the dropdownlist will work. 
            dock.set_handle(d); 
        } 
    </script> 
</head> 
<body> 
    <form id="form1" runat="server"
    <div> 
        <asp:ScriptManager ID="scriptmanager1" runat="server" /> 
        <telerik:RadDockLayout runat="server" EnableViewState="false" StoreLayoutInViewState="false" ID="RadDockLayout1"
            <telerik:RadDockZone runat="server" Skin="" ID="RadDockZone1" BorderColor="Transparent" Orientation="Horizontal"
                <telerik:RadDock runat="server" ID="raddock_1" OnClientInitialize="SetDockHandle"
                    <ContentTemplate> 
                        <div id="Handle_1"
                            <asp:DropDownList ID="test" runat="server"
                                <asp:ListItem Value="0" Text="test 0" /> 
                                <asp:ListItem Value="1" Text="test 1" /> 
                            </asp:DropDownList> 
                        </div> 
                    </ContentTemplate> 
                </telerik:RadDock> 
            </telerik:RadDockZone> 
        </telerik:RadDockLayout> 
    </div> 
    </form> 
</body> 
</html> 
 

UPDATE 2: This is still an issue but it can be worked around by adding the control to the dock's ContentContainer instead of using a ContentTemplate.  Using that workaround produces a few new issues.  First, since you're changing the control hierarchy, the asp.net client id will change and you'll have to do a second check in the SetHandle javascript to look for the element in webkit browsers.  The other (worse) issue is that all the styling I did in the template no longer works so you now have elements that are drag-and-drop, but unstyled.  I can probably work around this by setting the styles manually somewhere else but the effect of this is styles in two places.  No other ideas, explanations or workarounds from the telerik staff about this?

UPDATE 3: Here is code similar to what I am using to resolve the above issues.  This causes my docks to work on webkit browsers and the style is not duplicated.  Since the style is in a css normally used by the ITemplate, I just set it manually in javascript.  Again, a hack but it works at least.

function SetDockHandle(dock) { 
                //crazy string stuff because asp.net is messing with client ids. 

                var id = dock.get_id(); 
                var idx = id.indexOf("RadDock"); 
                var sub = id.substring(idx); 
                 
                //jquery doesn't work here. something about the jquery draggable plugin the telerik control uses clashing? 
                //var d = $("#" + dock.get_id() + "_C_Handle_" + sub) 
                var d = document.getElementById(dock.get_id() + "_C_Handle_" + sub);

                if(d == undefined) { 
                    //webkit fixes, since we have to add to the content container instead, the naming convention is different. 
                    d = document.getElementById(dock.get_id() + "_C"); 
                    //also set the style class manually since the template that contains the styles can't be used. 
                    d.setAttribute("class""SectionEdit"); 
                } 
                dock.set_handle(d); 
            } 

Daniel Ellis
Top achievements
Rank 1
 answered on 26 Feb 2010
2 answers
241 views
When I use document.getElementById(...) to get a dock and then call dock.SetHandle(dock), it works perfectly.  When I use jQuery to find the same element it finds the element and d.length has a length of 1, but then it crashes when you try to use dock.sethandle(dock).  It fails when it tries to call Sys.UI.DomElement.removeCssClass(this._handle,"rdDraggable"); Is something in my jQuery clashing with the Telerik jQuery controls? How can I work around this?
Daniel Ellis
Top achievements
Rank 1
 answered on 26 Feb 2010
5 answers
116 views
I am programmatically including a RadGrid as part of a composite control. The grid is populated through client-side data binding. It uses a GridClientSelectColumn and has AllowMultiRowSelection set to "true". Multiple selection (dragging to select, ctrl + click, shift + click) works fine except for one strange behavior concerning the checkbox that gets rendered for each row. If I click on a row, it becomes highlighted and also the checkbox becomes checked. However, if I click on the actual checkbox the row becomes highlighted but the checkbox remains unchecked.
Iana Tsolova
Telerik team
 answered on 26 Feb 2010
1 answer
57 views
I increase the header size by css, i set rpText to height 60px, and now, in IE8 i can only expand collapse a section by clicking on text, not the entire header is clickable like in Firefox and chrome.
Is there a solution that works everywhere ?
thanks
Yana
Telerik team
 answered on 26 Feb 2010
2 answers
82 views
Hi,

I'm very new to the telerik controls so assume I know nothing when answering this question. =)

I have a dataset that takes a long time to populate.  Let's say it takes 30 seconds.  Once this data is populated, I want the user to be able to filter, sort, etc. but every time the filter is changed, it goes to the database and spends 30 seconds retrieving the data all over again.  I should mention that I am using the NeedDataSource function to populate the data, because when I did simple binding, I could not get the filtering to work at all.

Am I missing something basic?  Shouldn't there be a way to apply a filter to the grid that doesn't require another pass at the database?

Thanks in advance,

Chris
Mark Galbreath
Top achievements
Rank 2
 answered on 26 Feb 2010
3 answers
139 views
Hi

The web application has a page in which all the controls are dynamically loaded. A RadTabStrip and RadMultiPage act as the place holders for the controls. One of the tabs has listboxes which have some render issues i.e. after a postback the list box controls flicker (or) disappear completely. If I change focus i.e go to another tab and comeback to the tab which has the list boxes , they show up.

 Please advice on how to resolve this issue?

Thanks
Kiran 
Yana
Telerik team
 answered on 26 Feb 2010
6 answers
269 views
Hi there,

I've got a problem with a RadGrid in a RadDock.
I already read some threads in the community an in the Knowledge Base:
http://www.telerik.com/support/kb/aspnet-ajax/dock/placing-radgrid-in-a-dockable-object.aspx

The thing is, that the RadGrid is already displayed in the RadDock.
I would like to use additional attributes for the RadGrid. First of all here the code:
<telerik:RadDockLayout EnableAjaxSkinRendering="true" EnableEmbeddedBaseStylesheet="true" EnableEmbeddedSkins="true" EnableViewState="true" runat="server" Visible="true"
<telerik:RadDockZone runat="server" ID="RadDockZone3" Orientation="Vertical" Skin="Office2007" Width="100%"
<telerik:RadDock ID="RadDock_abwesenheit" Title="Abwesenheiten" EnableEmbeddedBaseStylesheet="true" EnableEmbeddedSkins="true" runat="server" 
                    DockMode="Docked" EnableDrag="false" DefaultCommands="None"
<TitlebarTemplate>       
<div id="div_master_top_left" style="z-index: 100"
Abwesenheiten 
  </div> 
  <div id="div_master_top_right" style="z-index: 101"
    <table width="100%"
      <tr align="center"
        <td align="center"
          <asp:LinkButton ID="adFav" runat="server" CssClass="content_element" ForeColor="Black" 
            Style="text-align: center; margin-top: 15px;" Text='<img style="border:0px;vertical-align:middle; text-align:center; " alt="" src="..\images\AddFav.gif" /> Zu Favoriten' 
            meta:resourcekey="adFavResource1"></asp:LinkButton> 
        </td> 
      </tr> 
    </table> 
  </div> 
 </TitlebarTemplate> 
<ContentTemplate> 
  <%-- Grid --%> 
    <telerik:RadGrid ID="Grid_Rad" runat="server"  
        DataSourceID="ObjectDataSource_Abwesenheiten" GridLines="Both"  
        meta:resourcekey="Grid_RadResource1" AutoGenerateColumns="False" Width="100%"
 
       <HeaderContextMenu EnableTheming="True"
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
      </HeaderContextMenu> 
      <GroupPanel ID="GroupPanel" Text="Gruppierungsfl&#228;che"
      </GroupPanel> 
      <ExportSettings FileName="Abwesenheit" OpenInNewWindow="True"
        <Pdf PaperSize="A4" PageHeight="210mm" PageWidth="297mm" /> 
      </ExportSettings> 
      <MasterTableView DataKeyNames="hr_m_abwesenheit_id" DataSourceID="ObjectDataSource_Abwesenheiten" 
        NoDetailRecordsText="Keine Daten vorhanden."  
            NoMasterRecordsText="Keine Daten vorhanden."
 
        <RowIndicatorColumn> 
          <HeaderStyle Width="20px" /> 
        </RowIndicatorColumn> 
        <ExpandCollapseColumn> 
          <HeaderStyle Width="20px" /> 
        </ExpandCollapseColumn> 
        <Columns> 
            <%-- a lot of columns.... --%> 
        </Columns> 
        <CommandItemTemplate> 
          <div style="padding: 10px 0px; float: left"
            <asp:LinkButton ID="btnInitInsert" runat="server" CommandName="InitInsert" Visible='<%# (not (Grid_Rad.MasterTableView.IsItemInserted) and Grid_Rad.EditIndexes.Count = 0) and _allow_new %>' 
              Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\AddRecord.gif&quot; /&gt; Hinzuf&#252;gen' 
              meta:resourcekey="btnInitInsertResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" CausesValidation="False" 
              Visible='<%# (Grid_Rad.EditIndexes.Count = 0 xor Grid_Rad.MasterTableView.IsItemInserted) and _allow_edit %>' 
              Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\Edit.gif&quot; /&gt; Ausgew&#228;hlte Daten bearbeiten ' 
              meta:resourcekey="btnEditSelectedResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btnEditAll" runat="server" CommandName="EditAll" CausesValidation="False" 
              Visible='<%# (Grid_Rad.EditIndexes.Count = 0 xor Grid_Rad.MasterTableView.IsItemInserted) and _allow_edit %>' 
              Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\Edit.gif&quot; /&gt; Alle Daten bearbeiten ' 
              meta:resourcekey="btnEditAllResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# Grid_Rad.EditIndexes.Count > 0 %>' 
              Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\Update.gif&quot; /&gt; Speichern ' 
              meta:resourcekey="btnUpdateEditedResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btnDelete" OnClientClick="javascript:return confirm(document.getElementById('txt_delete_message').value)" 
              runat="server" Visible='<%# (Grid_Rad.EditIndexes.Count = 0) and _allow_del %>' 
              CommandName="DeleteSelected" CausesValidation="False" Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\Delete.gif&quot; /&gt; Ausgew&#228;hlte Daten l&#246;schen ' 
              meta:resourcekey="btnDeleteResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" CausesValidation="False" 
              Visible='<%# Grid_Rad.EditIndexes.Count > 0 xor Grid_Rad.MasterTableView.IsItemInserted %>' 
              Text=' &lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\Cancel.gif&quot; /&gt; Abbrechen ' 
              meta:resourcekey="btnCancelResource1"></asp:LinkButton> 
          </div> 
          <div style="padding: 10px 10px; float: right"
            <asp:LinkButton ID="btn_Excel" runat="server" OnClick="btn_Excel_Click" Text='&lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\xls.gif&quot; /&gt; Excel' 
              CausesValidation="False" meta:resourcekey="btn_ExcelResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btn_Word" runat="server" OnClick="btn_Word_Click" Text='&lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\doc.gif&quot; /&gt; Word' 
              CausesValidation="False" meta:resourcekey="btn_WordResource1"></asp:LinkButton> 
            <asp:LinkButton ID="btn_pdf" Visible="False" runat="server" OnClick="btn_pdf_Click" 
              Text='&lt;img style=&quot;border:0px;vertical-align:middle;&quot; alt=&quot;&quot; src=&quot;..\RadControls\Skins\Office2007\Grid\pdf.gif&quot; /&gt; PDF' 
              CausesValidation="False" meta:resourcekey="btn_pdfResource1"></asp:LinkButton> 
          </div> 
        </CommandItemTemplate> 
        <EditFormSettings> 
          <EditColumn UniqueName="EditCommandColumn1"
          </EditColumn> 
        </EditFormSettings> 
      </MasterTableView> 
      <ClientSettings> 
        <Scrolling ScrollHeight="415px" AllowScroll="True" UseStaticHeaders="true" /> 
      </ClientSettings> 
      <FilterMenu EnableTheming="True"
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
      </FilterMenu> 
    </telerik:RadGrid> 
    <%--      </telerik:RadAjaxPanel>--%> 
    <!-- Grid DataSource --> 
    <asp:ObjectDataSource ID="ObjectDataSource_Abwesenheiten" runat="server" OldValuesParameterFormatString="original_{0}" 
      SelectMethod="Get_Data_Abwesenheit" TypeName="ProcessHRClassLibrary.BLL_Grundlagen"
      <SelectParameters> 
        <asp:SessionParameter Name="mandant_id" SessionField="hr_c_mandant_id" Type="Int32" 
          DefaultValue="" /> 
      </SelectParameters> 
    </asp:ObjectDataSource> 
    <telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Height="75px" Transparency="40" 
      BackColor="#C3DAF9" Width="75px" meta:resourcekey="LoadingPanel1Resource1"
    </telerik:RadAjaxLoadingPanel> 
    <asp:ObjectDataSource ID="ObjectDataSource_Mandant" runat="server" OldValuesParameterFormatString="original_{0}" 
      SelectMethod="Get_Data_Mandant_without_own" TypeName="ProcessHRClassLibrary.BLL_Grundlagen"
      <SelectParameters> 
        <asp:SessionParameter Name="_mandant_id" SessionField="hr_c_mandant_id" Type="Int32" /> 
      </SelectParameters> 
    </asp:ObjectDataSource> 
    <asp:HiddenField ID="hid_mn_id" runat="server" /> 
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" meta:resourcekey="RadAjaxManager1Resource1"
    </telerik:RadAjaxManager> 
  <%-- </div> --%> 
   
  </ContentTemplate> 
  </telerik:RadDock> 
  </telerik:RadDockZone> 
  </telerik:RadDockLayout> 

I am sorry about the unformated code.....
The problem is at the top after the <telerik:RadGrid- tag.
Here we have the following lines:
       <HeaderContextMenu EnableTheming="True"
        <CollapseAnimation Type="OutQuint" Duration="200"></CollapseAnimation> 
      </HeaderContextMenu> 
      <GroupPanel ID="GroupPanel" Text="Gruppierungsfl&#228;che"
      </GroupPanel> 
      <ExportSettings FileName="Abwesenheit" OpenInNewWindow="True"
        <Pdf PaperSize="A4" PageHeight="210mm" PageWidth="297mm" /> 
      </ExportSettings> 

These lines of code are not working.... In fact a lot of properties of a usually RadGrid are not working correctly. For example the user is not able so select one or more lines.
I already tried a lot of ways to fix this problem, but now I don't have an other idea.

Yours sincerely
321 a
Top achievements
Rank 1
 answered on 26 Feb 2010
4 answers
255 views
I am not sure how to fine tune this, but it seems to me like it should be rather simple.  I have a RadComboBox on my page that only has two possible values:
<telerik:RadComboBox ID="list_ApplicationType" Runat="server" Skin="Windows7"  
                        Width="170px" OnClientSelectedIndexChanged="AppTypeChanged"
                        <Items> 
                            <telerik:RadComboBoxItem runat="server" Selected="True" Text="Individual"  
                                Value="Individual" /> 
                            <telerik:RadComboBoxItem runat="server" Text="Joint" Value="Joint" /> 
                        </Items> 
                    </telerik:RadComboBox> 


When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible.  If changed back, then hide again.  Here is my javascript code which is not working:
When the user changes it to "Joint" I want the asp panel named 'CoApplicant' to become visible.  If changed back, then hide again.  Here is my javascript code which is not working:

<script language="javascript" type="text/javascript"
                <!-- 
 
             function AppTypeChanged(sender, eventArgs) { 
                 var item = eventArgs.get_item(); 
 
                 if (item.get_value() == "Joint") { 
                        ($find("panel_CoApplicant")).visible = true
                        //(document.getElementById("panel_CoApplicant")).visible = false; 
                    } 
                 else { 
                        (document.getElementById("panel_CoApplicant")).visible = false
                    } 
 
                } 
                 
                // -->             
            </script> 

How do I hide that panel based on the selection?


robertw102
Top achievements
Rank 1
 answered on 26 Feb 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?