Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
118 views
Hi,

I've a radtree with nodes in it in which some of the nodes have an image along with the text. Now, when they're rendered, the nodes get aligned from the start of the content. I want the text part of the nodes to be aligned. Please find the attached image for more clarification.

I tried adding a css class and a content css class. But I think the properties I mentioned are overridden.

Any help would be appreciated.

Thanks.
Noel

 
Kate
Telerik team
 answered on 13 Nov 2012
6 answers
199 views
Hi,

I created a custom skin using the Telerik Skin Builder. The template i used was the built-in Transparent skin.
The custom skin worked fine on my local VS project.

However, I deployed the full project to my server & ran the application but some of the custom settings i created in my skin are simply not working in Internet Explorer 9.When testing locally, i was using IE9 too & it worked fine in that.
I've tried the server-deployed project in Firefox & the custom skin settings work fine.
The main setting which is obvious is that i changed the ragrid selected row color from a dark grey to a very light grey. However, on the server, when using IE9, the color reverts back to the dark grey selection.

I've checked my files are correct & i've registered the custom skin by using the link method:

<link href="General.css" rel="stylesheet" type="text/css" />

 

<link href="App_Themes/Trans/Grid.Trans.css" rel="stylesheet" type="text/css" />

I only have 2 stylesheet files in my page so this 30 stylesheet file limit is no where near reached.

Any ideas why this is happening? 
Galin
Telerik team
 answered on 13 Nov 2012
1 answer
42 views

For last couple years I have been working with ASP.NET AJAX 2009 components without problems grids with auto filter and sorts works great until a few days. We start a new application with framework 3.5 previews ones where always 2.0. and there is no error or something but if you use a column filter with varchar values it didn’t work it shows like there were no matches to the search even if you know there are. With integer values works fine even with varchar values with numbers in it like a SSN column if you use that filter it works to.

I made a few test because I was working with them for long enough without problems. I change the table, chance the way is filled using a direct DataSource assigned to the grid. Or fill it in ejection with the needDatasource propertie and it was the same the problem persist finally when I thought about the difference of the framework I modified the framework of the test project and it works like always.

Well it was not as simple as change the framework, a change the dll from the one placed in Bin with the Bin35 in telerik Installation path, change the register assembly, remove some reference and other things until it compile and show the grid correctly.

Pavlina
Telerik team
 answered on 13 Nov 2012
1 answer
81 views
Is it possible to use the style builder dialog outside the editor, in a separate application? If so, how would it be done?
Rumen
Telerik team
 answered on 13 Nov 2012
4 answers
91 views
heey Guy

I got a short question is it some how possible to save a appointment with the usual table id and a foraging key 
some code example would be good 


Thanks for help and  fast answer 
Nikola
Top achievements
Rank 2
 answered on 13 Nov 2012
5 answers
181 views
During the spell checking, user may or may not chage the content with the available suggestions. My requirement is to find whether the content has been modified or not, after the specll cheker dialog box is dismissed.

Please let me know how can we acheive this.
Rumen
Telerik team
 answered on 13 Nov 2012
3 answers
157 views
Hi.

I would like to recommend that the color picker is able to output rgba values,
if this feature is already present pls excuse me and tell me how its possible couldnt find anything.
Slav
Telerik team
 answered on 13 Nov 2012
6 answers
576 views
Hello, help me please.

I use Telerik asp.net AJAX in my ASP.NET  application (version 2012.2.724.35)
I get an error "NullReferenceException" (when the page loads containing Telerik controls) when putting the assembly Telerik.Web.UI.dll in GAC  o_O...
When the assembly is not in GAC - everything is working fine.

What am I doing wrong?
Wasife
Top achievements
Rank 1
 answered on 13 Nov 2012
6 answers
231 views
Hi, I have two related issues when using RadSplitters, using Q2 2012. I have nested splitters similar to the last example here: Nested Splitters. In one of the panes (leftmost, which is initially Collapsed="true"), I have two RadMenus and in one other (rightmost), the content of the site. The menus are loaded dynamically after some user input interactions and also the containing pane (leftmost) is dynamically expanded (Collapsed = false) when the menu loading occurs.

1-The hovering color effect of the menus is not the same width than the menu items (as illustrated in attachment). Depending on actions, the effect may be larger and thinner than the menu. This occurs if using a skin or not or if using a custom background color/sprite image in CSS. That issue is not occuring if pane is initially declared a Collapsed="false" in markup. It also occurs when using the RadSPlitBar button to collapse or expand the pane. Looks like the hovering width is calculated too soon.

2-I want one of my RadSplitBar to be not visible (Visible="false") at page initial loading and make it visible when pane is dynamically expanded (as mentioned earlier). When the bar become visible, the Splitter control gets extra and unwanted margin which cause the control to have extra horizontal and vertical scrollers. This issue is occuring in FF and Chrome and is NOT occuring if RadSplitBar is initially declared a visible (Visible="true"). Also, the problem seems to only happen on first load (first load after bar is once visible) since refreshing the content pane after that make the scrollers disapear and clear the issue.

Here is the code in question:
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" Height="100%" Width="100%">
         
            <telerik:RadSplitter ID="Radsplitter5" runat="server" Skin="WebBlue" Width="100.5%" Height="110%" Orientation="Horizontal" PanesBorderSize="0" BorderSize="0" >
 
                <%-- this is the pane i want collapsed at startup--%>
                <telerik:RadPane ID="RadPane5" runat="server" Height="150px" Collapsed="true">
                </telerik:RadPane>
 
                <telerik:RadPane ID="RadPane6" runat="server" >
 
                    <telerik:RadSplitter ID="Radsplitter6" runat="server" Skin="WebBlue" PanesBorderSize="0" BorderSize="0" >
 
                        <telerik:RadPane ID="RadPane1" runat="server" CssClass="MenuPane" MinWidth="220" Width="220px" Height="100%" Collapsed="false">
 
                            <telerik:RadSplitter ID="Radsplitter2" runat="server" Skin="WebBlue" ResizeWithParentPane="false" Orientation="Horizontal" Width="100%" Height="100%" PanesBorderSize="0" BorderSize="0">
 
                                <telerik:RadPane ID="RadPane3" runat="server" CssClass="MenuPane2" Width="100%" Height="50%">
 
                                    <telerik:RadMenu ID="RadMenu2"  runat="server" Visible="false" Width="84.7%" CssClass="menu3" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical">
                                     </telerik:RadMenu>
 
                                </telerik:RadPane>
 
                                <telerik:RadPane ID="RadPane4" runat="server" CssClass="MenuPane3" Width="100%" Height="50%">
                         
 
                                        <telerik:RadMenu ID="RadMenu3" runat="server" Visible="false" Width="84.7%" CssClass="menu5" OnItemClick="RadMenu_ItemClick" EnableImageSprites="true" BorderStyle="None" Flow="Vertical">
                                        </telerik:RadMenu>
 
                                  </telerik:RadPane>
 
 
                            </telerik:RadSplitter>
 
                            </telerik:RadPane>
 
                             <%-- this is the bar i want not visible at startup--%>
                            <telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward" Visible="false" meta:resourcekey="labCollapseExpand"></telerik:RadSplitBar>
 
                            <telerik:RadPane ID="RadPane2" runat="server" CssClass="ContentPane" ContentUrl="Welcome.aspx">
                            </telerik:RadPane>
 
                    </telerik:RadSplitter>
 
                </telerik:RadPane>
 
            </telerik:RadSplitter>
 
        </telerik:RadAjaxPanel>

UPDATE: Ive found a partial workaround that seem to fix issue #1 for first page load only (and issue #2 but in FF only). Ive put RadSplitBar1 visible=true and added the following client-side code to collapse the pane and hide the bar at control load. Note that i had to put a timeout delay to make it work. However, issue #1 is still occurring on additional pane collapsing/expanding:

function Radsplitter6_OnClientLoaded(splitter, args) {
 
            if (gblCollapsed == 0) {
 
                setTimeout(function () {
 
                    var pane = splitter.getPaneById('<%= RadPane1.ClientID %>');
 
                    pane.collapse(1);
 
                    gblCollapsed = 1;
 
                    var splitbar = $get("<%=RadSplitBar1.ClientID %>");
 
                    splitbar.style.display = "none";
 
                }, 100);
            }
 
 
        }

Also, I made more tests with other browsers and Issue #2 also occurs on Opera, Safari for Windows.

UPDATE 2: Regarding issue #1, ive found a simpler replicating scenario, in Opera or Firefox, I just have to pop-up my browser search bar (CTRL+F) which resizes my menu pane (vertical scroller appears which reduces menu width), then the hover effect is larger than menu items. Weird thing, believe it or not, I cant reproduce at all this issue in IE8. Also, when issue occurs, clicking on menu items once will make the hover effect thinner then second time will make it the right width.

TIA
Martin Roussel
Top achievements
Rank 1
 answered on 13 Nov 2012
2 answers
142 views
I am currently displaying Start, End and Subject in a javascript tooltip but I would like to also display an additional field(PhoneNumber) that is setup as an attribute of the scheduler.  According to the demo at http://demos.telerik.com/aspnet-ajax/scheduler/examples/radtooltip/defaultcs.aspx this should be possible via javascript but I am not sure how to get the attribute so it can be displayed.
Thanks in advance for any help with this. 
function OnClientRequestStart(sender, args) {
    args.set_cancel(true);
    var tooltip = Telerik.Web.UI.RadToolTip.getCurrent();
    if (tooltip) {
        var element = tooltip.get_targetControl();
        var apt = $find("<%=RadScheduler1.ClientID %>").getAppointmentFromDomElement(element);
        $get("startTime").innerHTML = apt.get_start().format("MM/dd/yyyy HH:mm");
        $get("endTime").innerHTML = apt.get_end().format("MM/dd/yyyy HH:mm");
        $get("descriptionDiv").innerHTML = apt.get_subject();
        tooltip.set_text($get("contentContainer").innerHTML);
    }
}
<telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="320" Height="170"
    Animation="None" HideEvent="Default" Text="Loading..." OnAjaxUpdate="RadToolTipManager1_AjaxUpdate" />
     <div style="display: none;">
    <div id="contentContainer">
        Starts on: <span id="startTime"></span>
        <br />
        Ends on: <span id="endTime"></span>
        <hr />
        Description:
        <div id="descriptionDiv">
        </div>                       
    </div>
</div>
Plamen
Telerik team
 answered on 13 Nov 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?