Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
60 views
Hi,

I am using telerik Gray skin for rad window.
I am trying to edit the skin and change colors, background images etc.
My problem is that I create a css class with the same name as the control has, but it seems like my class is canceled and the original one is taken.

I attached print screen to explain the problem clearer.
my css is Covertix.css, but the properties are taken from the WebResource.axd file.
my class in the .css file is:

DIV.radwindow_Gray TABLE TD.topleft

{

background-image: url(Images/Design/Window/PopupTitle_Left.png);

height: 23px;

}



Can you please tell me what am I doing wrong?
Thanks a lot!

Marin Bratanov
Telerik team
 answered on 11 Jun 2012
2 answers
117 views
I have created a custom filter with two datafields

on my aspx page i have
 

<custom:CustomFilter DataField1 = "Name" DataField2="LastName"  

HeaderText="Name"  

 

CurrentFilterFunction="Contains"  

 

UniqueName="UserName"  

 

AutoPostBackOnFilter="True">  

 

<ItemTemplate>  

 

<asp:Literal ID="Literal1" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Name") %>'></asp:Literal>  

 

<asp:Literal ID="Literal2" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "LastName") %>'></asp:Literal>  

 

</ItemTemplate>  

 

</custom:CustomFilter>

The issue comes when i try to use filterexpression

 

 

RadGrid1.DataSource = Data.GetAll();

 

 

 

string test = "(([LastName] LIKE \'%" + txtFilterBox.Text + "%\') OR ([Name] LIKE \'%" + txtFilterBox.Text + "%\'))";

 

RadGrid1.MasterTableView.FilterExpression = test;

RadGrid1.Rebind();

its probally wrong the way i use the filterexpression but how I should use it with 2 parameters, cant find a simmilar example :)

 

Tsvetina
Telerik team
 answered on 11 Jun 2012
1 answer
103 views
Hi,

I have been trying your RADGrid demo at:

http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/editmodes/defaultcs.aspx

....with Inline editing, and multi row edit selected.

There appears to be a problem in the following kind of scenario...
- Sort by "Last Name" Descending
- Click Edit on rows with the surnames "Leverling", "King", and "Fuller" so that they are all open for editing.
- Change "Leverling" to "Everling" (so that on update it changes position in the sort order.)
- Click Update on the "Everling" row.

The "Everling" row changes position but remains open for edit.

The "King" row takes the position of the "Everling" row in the grid and is made read-only.

It appears that the grid sorts the data without correctly tracking which rows should (or should not) be in edit mode.

Is there a way to fix it?

Thanks
Eyup
Telerik team
 answered on 11 Jun 2012
1 answer
83 views
in my application i have lot of pages and one master page. i want to allow the customer to change the skin according to his wish in combobox in master page and i need to store the skin name along with the customer details, so that next he logins in skin loads by default. 
is it possible to set the skin master page and that makes other pages to change the skin. if yes, how can i make this possible.
Shinu
Top achievements
Rank 2
 answered on 11 Jun 2012
1 answer
113 views
 how can the width of the RadTextBox can be resized according to the aspx page width when cols property is specified and browser width is changed.
Princy
Top achievements
Rank 2
 answered on 11 Jun 2012
1 answer
102 views
How can i implement drag and drop functionality in TreeList?
Shinu
Top achievements
Rank 2
 answered on 11 Jun 2012
3 answers
228 views
Hi,

    There is a problem with adding an event handler to a RadEditor when combined with a RadWindow. First I had some issues with the toolbar, and fixed them with the proposed workaround here http://www.telerik.com/community/forums/aspnet-ajax/window/radeditor-toolbars-not-working-when-use-radwindow-as-the-container.aspx

    Unfortunately, this does not solve the issue with the registered event handlers. 

    I need to capture whatever the user types in the RadEditor. It works fine when the RadEditor is not inside a RadWindow... Is there any solution to this issue? 

  Here is an example to reproduce the problem. One RadEditor outside the RadWindow and another inside one. I tried several things, like adding a <div> as a wrapper, add an space in the Content tag, etc... but nothing works.

   Any idea how to solve this?

<form id="form1" runat="server">
     <asp:ScriptManager ID="MyScriptManager" runat="server"></asp:ScriptManager>
    <div>
     
    <telerik:RadWindow ID="RadWindow1" Width="750" Height="500" OnClientShow="OnClientShow"
    runat="server" VisibleOnPageLoad="true">
    <ContentTemplate>
        <div id="editorWrapper" style="padding: 5px; display: none;">
           <telerik:RadEditor ID="RadEditorWithRadWindow"  OnClientLoad="RadEditorWithRadWindowOnClientLoad"
           runat="server" Width="600px" Height="250px" Visible="true"
            EnableEmbeddedScripts="true">
             <Content> </Content>
        </telerik:RadEditor>  
        </div>
    </ContentTemplate>
    </telerik:RadWindow>
       <telerik:RadEditor ID="RadEditorNoRadWindow"  OnClientLoad="RadEditorNoRadWindowOnClientLoad"
       runat="server" Width="600px" Height="250px" Visible="true"
        EnableEmbeddedScripts="true">
             <Content> </Content>
        </telerik:RadEditor>
          
     <script type="text/javascript">
         function RadEditorWithRadWindowOnClientLoad(editor, args) {
             editor.attachEventHandler("onkeypress", function (e) {
                 alert('We CANNOT reach this one');
             }
            );
         }
         function RadEditorNoRadWindowOnClientLoad(editor, args) {
             editor.attachEventHandler("onkeypress", function (e) {
                 alert('We CAN reach this one');
             }
            );
         }
       function OnClientShow(sender, args) {
           // Fix the size problem in IE.
           var editorParent = $get('editorWrapper');
           editorParent.style.display = '';
           // Fixes the problem with the content area in FF and Safari
           var editor = $find('<%= RadWindow1.ContentContainer.FindControl("RadEditorWithRadWindow").ClientID %>');
           editor.onParentNodeChanged();
           var style = editor.get_contentArea().style;
           style.backgroundImage = "none";
           style.backgroundColor = "white";
       }
   </script>
    </div>
       
    </form>

Many thanks!
Marin Bratanov
Telerik team
 answered on 11 Jun 2012
1 answer
94 views
Hi There,

 I am Copying and Paste using Ctrl+C and Ctrl+V then it is working Fine but when i use Right Click Paste in a RAD Numeric text Box, the Value of the Text Box is Disappearing. Is this a Known issue?
Vasil
Telerik team
 answered on 11 Jun 2012
1 answer
156 views

Hello, I have developed a chart which looking as shown in attached. This charts keep showing the reading symbol, I did dig into the below code to remove it, but I was not able to. Please could tell me what is mistake in it?    


Chart.ASPX

<telerik:RadPageView ID="rpvCapacityTimeliness" runat="server">
                    <div style="padding: 5px; text-align: left;">
                        <asp:Button Visible="True" ID="btnZoomOutCapacityTimeLiness" Text="ResetZoomOut"
                            ToolTip="Save changes" runat="server" OnClientClick="ZoomOutCapacityTimeliness(); return false;" />
                        <asp:UpdatePanel ID="updCapacityTimeliness" runat="server" RenderMode="Inline" UpdateMode="Conditional">
                            <ContentTemplate>
                                <telerik:RadChart AutoLayout="True" Height="450px" ID="rcCapacityTimeliness" runat="server"
                                    Skin="WebBlue" Width="935px">
                                    <ClientSettings EnableZoom="True" ScrollMode="Both" />
                                    <Appearance>
                                        <FillStyle MainColor="249, 250, 251">
                                        </FillStyle>
                                        <Border Color="160, 170, 182" />
                                    </Appearance>
                                    <Legend Visible="False">
                                        <Appearance Dimensions-Margins="17.6%, 3%, 1px, 1px" Dimensions-Paddings="2px, 8px, 6px, 3px"
                                            Position-AlignedPosition="TopRight" Visible="False">
                                            <ItemTextAppearance TextProperties-Color="102, 102, 102">
                                            </ItemTextAppearance>
                                            <FillStyle MainColor="216, 222, 227">
                                            </FillStyle>
                                            <Border Color="160, 170, 182" />
                                        </Appearance>
                                    </Legend>
                                    <PlotArea>
                                        <YAxis AutoScale="True" AxisMode="Extended">
                                            <Appearance Color="160, 160, 160">
                                                <MajorGridLines Color="227, 227, 227" />
                                                <MinorGridLines Color="227, 227, 227" />
                                                <TextAppearance AutoTextWrap="False" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </YAxis>
                                        <EmptySeriesMessage Visible="True">
                                            <Appearance Visible="True">
                                            </Appearance>
                                        </EmptySeriesMessage>
                                        <XAxis AutoScale="True">
                                            <Appearance Color="160, 160, 160">
                                                <MajorGridLines Color="227, 227, 227" Width="0" />
                                                <TextAppearance AutoTextWrap="True" TextProperties-Color="140, 140, 140" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </XAxis>
                                        <Appearance Dimensions-Margins="18%, 24%, 12%, 10%">
                                            <FillStyle FillType="Solid" MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                    </PlotArea>
                                    <ChartTitle>
                                        <Appearance>
                                            <FillStyle MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                        <TextBlock Text="Capacity Timeliness">
                                            <Appearance TextProperties-Color="102, 102, 102" TextProperties-Font="Arial, 14pt">
                                            </Appearance>
                                        </TextBlock>
                                    </ChartTitle>
                                </telerik:RadChart>
                                <telerik:RadChart AutoLayout="True" Height="450px" ID="rcCapacityMonthlyTimeliness"
                                    runat="server" Skin="WebBlue" DefaultType="Line" Width="935px">
                                    <ClientSettings EnableZoom="True" ScrollMode="Both" />
                                    <Appearance>
                                        <FillStyle MainColor="249, 250, 251">
                                        </FillStyle>
                                        <Border Color="160, 170, 182" />
                                    </Appearance>
                                    <Series>
                                        <telerik:ChartSeries Name="Series 1">
                                            <Appearance>
                                                <FillStyle FillType="ComplexGradient" MainColor="94, 117, 142">
                                                    <FillSettings>
                                                        <ComplexGradient>
                                                            <telerik:GradientElement Color="94, 117, 142" />
                                                            <telerik:GradientElement Color="116, 138, 162" Position="0.5" />
                                                            <telerik:GradientElement Color="139, 160, 183" Position="1" />
                                                        </ComplexGradient>
                                                    </FillSettings>
                                                </FillStyle>
                                                <TextAppearance TextProperties-Color="140, 140, 140">
                                                </TextAppearance>
                                                <Border Color="73, 86, 101" />
                                            </Appearance>
                                        </telerik:ChartSeries>
                                        <telerik:ChartSeries Name="Series 2">
                                            <Appearance>
                                                <FillStyle FillType="ComplexGradient" MainColor="164, 175, 187">
                                                    <FillSettings>
                                                        <ComplexGradient>
                                                            <telerik:GradientElement Color="164, 175, 187" />
                                                            <telerik:GradientElement Color="196, 203, 212" Position="0.5" />
                                                            <telerik:GradientElement Color="221, 226, 233" Position="1" />
                                                        </ComplexGradient>
                                                    </FillSettings>
                                                </FillStyle>
                                                <TextAppearance TextProperties-Color="140, 140, 140">
                                                </TextAppearance>
                                                <Border Color="144, 150, 159" />
                                            </Appearance>
                                        </telerik:ChartSeries>
                                    </Series>
                                    <Legend Visible="False">
                                        <Appearance Dimensions-Margins="1%, 1%, 1px, 1px" Dimensions-Paddings="1px, 1px, 1px, 1px"
                                            Position-AlignedPosition="bottom" Visible="False">
                                            <ItemTextAppearance TextProperties-Color="102, 102, 102">
                                            </ItemTextAppearance>
                                            <FillStyle MainColor="216, 222, 227">
                                            </FillStyle>
                                            <Border Color="160, 170, 182" />
                                        </Appearance>
                                    </Legend>
                                    <PlotArea>
                                        <YAxis AutoScale="True" AxisMode="Extended">
                                            <Appearance>
                                                <MajorGridLines Color="227, 227, 227" />
                                                <MinorGridLines Color="227, 227, 227" />
                                                <TextAppearance AutoTextWrap="False" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="TopLeft">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </YAxis>
                                        <XAxis AutoScale="True" DataLabelsColumn="RIID's" MaxValue="0" Step="0">
                                            <Appearance>
                                                <MajorGridLines Color="227, 227, 227" Width="0" />
                                                <TextAppearance AutoTextWrap="True" />
                                            </Appearance>
                                            <AxisLabel>
                                                <TextBlock>
                                                    <Appearance TextProperties-Color="140, 140, 140" Position-AlignedPosition="BottomRight">
                                                    </Appearance>
                                                </TextBlock>
                                            </AxisLabel>
                                        </XAxis>
                                        <Appearance>
                                            <FillStyle FillType="Solid" MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                    </PlotArea>
                                    <ChartTitle>
                                        <Appearance>
                                            <FillStyle MainColor="">
                                            </FillStyle>
                                        </Appearance>
                                        <TextBlock Text="Capacity Timeliness">
                                            <Appearance TextProperties-Color="102, 102, 102" TextProperties-Font="Arial, 7pt"
                                                Position-AlignedPosition="Bottom">
                                            </Appearance>
                                        </TextBlock>
                                    </ChartTitle>
                                </telerik:RadChart>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </div>
                </telerik:RadPageView>

 

 

 

 

 

 

 

Chart.ASPX.VB

Private Sub ChartLoad(ByVal ds As DataSet, ByVal radchartcontrole As RadChart, ByVal monthlyradchartcontrole As RadChart, ByRef dataXColumnName As String, ByVal dataYColumnName As String,
                                                   ByVal xaxislableName As String, ByVal yaxislableName As String, ByRef monthlyXaxislableName As String, ByVal monthlyYaxislableName As String,
                                                   ByVal monthlyYaxisDataColumn As String, ByVal monthlyXaxisDataColumn As String, ByVal avgDataColumn As String, ByVal charttableValue As Int32,
                                                   ByVal monthlytableValue As Int32, ByVal avgTableValue As Int32, ByVal chartTitle As String, ByVal updatePaneltoHide As UpdatePanel, ByVal timeLinesAvgLabel As String)

        Dim dt As DataTable = New DataTable()
        'Dim objTimeLinessMetric As New TimeLinessMetric()
        dt = ds.Tables.Item(0)
        btnZoomOutCapacityTimeLiness.Visible = True

        If Not ds.Tables(0).Rows.Count > 0 Then
            updatePaneltoHide.Visible = False
            lblAvgDisplay.Text = "No data found for the " + chartTitle
            lblAvgDisplay.ForeColor = System.Drawing.Color.Red
            lblAvgDisplay.Font.Bold = True
            lblAvgDisplay.Width = 300

        Else

            dt = ds.Tables.Item(0)

            Dim list As New List(Of TimeLinessMetric)

            Dim stinger = dataXColumnName

            'Setting the data values types, based on the tabcontrol checked.
                    For Each dr As DataRow In dt.Rows
                        Dim TimeLinessMetric As New TimeLinessMetric()
                        TimeLinessMetric.Count = Convert.ToInt32(dr(dataYColumnName))
                        If Not IsDBNull(dr(dataXColumnName)) Then
                            TimeLinessMetric.CapacityTimeliness = Convert.ToInt32(dr(dataXColumnName))
                        End If
                        list.Add(TimeLinessMetric)
                    Next

            
            radchartcontrole.Clear()

            'Defining the series and assigning the valves to series.
            Dim series As New ChartSeries()
            series.Type = ChartSeriesType.Bar
            series.DataXColumn = dataXColumnName
            series.DataYColumn = dataYColumnName

            'Adding the new series to the radchart.
            radchartcontrole.Series.Add(series)
            radchartcontrole.DataSource = list
            radchartcontrole.DataBind()

            'assinging the values to radchart X-Axis
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = xaxislableName
            radchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            radchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            'assinging the values to radchart Y-Axis
            radchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = yaxislableName
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            radchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            radchartcontrole.Series(0).Appearance.BarWidthPercent = CType("10", Decimal)

            Dim metricsAvg As String
            metricsAvg = CType(ds.Tables(avgTableValue).Rows(0).Item(avgDataColumn), String)
            radchartcontrole.ChartTitle.TextBlock.Visible = False
            radchartcontrole.Legend.Visible = False

            'Metrics Avg label display
            lblAvgDisplay.Text = timeLinesAvgLabel + metricsAvg + "days"
            lblAvgDisplay.Visible = True
            lblAvgDisplay.Font.Bold = True
            lblAvgDisplay.ForeColor = System.Drawing.Color.Red

            'Binding the monthly chart data
            monthlyradchartcontrole.Clear()
            monthlyradchartcontrole.DataSource = ds.Tables.Item(monthlytableValue)
            monthlyradchartcontrole.DataBind()
            monthlyradchartcontrole.Series(0).DataXColumn = monthlyYaxisDataColumn
            monthlyradchartcontrole.Series(0).DataYColumn = monthlyXaxisDataColumn

            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Text = monthlyXaxislableName
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.Visible = True
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            monthlyradchartcontrole.PlotArea.XAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.Visible = True
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Text = monthlyYaxislableName
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.TextProperties.Color = System.Drawing.Color.Red
            monthlyradchartcontrole.PlotArea.YAxis.AxisLabel.TextBlock.Appearance.Position.Auto = True

            monthlyradchartcontrole.Legend.Visible = False

        End If

    End Sub

Ves
Telerik team
 answered on 11 Jun 2012
1 answer
94 views
 I am trying to get the combobox selected item and value in the javascript.  Does the accessing of combobox in javascript change based on the version you use?  I am using Telerik 2011.3.1305.35. 

 I have a javascript file and in that i have a function which will accept client id of the radcombobox as a parameter and now how do i get the selected index, selected item and value of that combobox? .

Princy
Top achievements
Rank 2
 answered on 11 Jun 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?