Hello Team,

I want Rad Menu to behave responsive for my asp.net application.

Please find code below :
    <div class="container">
        <button class="toggle" type="button">Toggle menu</button>
        <div  class="popup">
    <telerik:RadMenu runat="server" RenderMode="Lightweight">
                <Items>
                    <telerik:RadMenuItem Text="File">
                        <Items>
                            <telerik:RadMenuItem Text="New" />
                            <telerik:RadMenuItem Text="Open" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem Text="Save" />
                            <telerik:RadMenuItem Text="Save As" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem Text="Print Preview" />
                            <telerik:RadMenuItem Text="Print" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem Text="Close" />
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Edit">
                        <Items>
                            <telerik:RadMenuItem Text="Undo" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem Text="Cut" />
                            <telerik:RadMenuItem Text="Copy" />
                            <telerik:RadMenuItem Text="Paste" />
                            <telerik:RadMenuItem Text="Clipboard..." />
                            <telerik:RadMenuItem IsSeparator="True" />
                        </Items>
                    </telerik:RadMenuItem>
                    <telerik:RadMenuItem Text="Insert">
                        <Items>
                            <telerik:RadMenuItem Text="Break..." />
                            <telerik:RadMenuItem Text="Page Numbers..." />
                            <telerik:RadMenuItem Text="Date and Time..." />
                            <telerik:RadMenuItem Text="Field..." />
                            <telerik:RadMenuItem Text="Symbol..." />
                            <telerik:RadMenuItem Text="Comment" />
                            <telerik:RadMenuItem IsSeparator="True" />
                            <telerik:RadMenuItem Text="Picture" />
                            <telerik:RadMenuItem Text="Diagram" />
                            <telerik:RadMenuItem Text="Text Box" />
                            <telerik:RadMenuItem Text="Hyperlink" />
                        </Items>
                    </telerik:RadMenuItem>
</Items>
            </telerik:RadMenu>
    </div>
    </div>

Script:

 <script type="text/javascript">
            Sys.Application.add_load(function () {

                var $ = $telerik.$,
                    mqTest = document.getElementById("mqTest");

                $("link.append").appendTo("head");

                $(".toggle").bind("click", function () {
                    $(".popup").toggle();
                });

                var mq = window.matchMedia("(max-width: 980px)");
                mq.addListener(handleWidthChange);

                function handleWidthChange(mq) {
                    if (mq.matches) {
                        $(".popup").hide();
                    }
                    else {
                        $(".popup").show();
                    }
                }
                handleWidthChange(mq);
            });
        </script>

Css:
.toggle {
    display: none;
}
@media only screen and (max-width: 360px) {

    .container {
        position: relative;
    }

    .toggle {
        display: inline-block;
    }

    .popup {
        position: relative;
        left: 0;
        top: 100%;
        display: none;
    }

    .RadMenu {
        font-size: 16px;
        min-width: 40vw;
    }

    .RadMenu .rmRootGroup {
    }
        .RadMenu .rmRootGroup > .rmItem {
            float: none;
            border: 0;
            border-bottom: 1px solid #cccccc;
        }
        .RadMenu .rmRootGroup > .rmLast {
            border: 0;
        }

        .RadMenu .rmRootGroup .rmRootLink {
            padding: .5em 1em;
        }

    .rmSlide {
        display: inline-block !important;
        padding-left : 154px;
    }
}


It behaves too bad on hover effect and Sub Menu item always comes on top instead of inline with its parent item.

Can any one help me out?

Thanks and Regards,
Ruchi Patel

I am having a problem with clearing filter value. I need to set ListOfFilterValues = Nothing for a GridBoundColumn. My code is as follows:

If TypeOf column Is GridBoundColumn Then
     Dim boundColumn As GridBoundColumn = TryCast(column, GridBoundColumn)
     boundColumn.FilterListOptions = GridFilterListOptions.AllowAllFilters
     DirectCast(column, Telerik.Web.UI.GridBoundColumn).ListOfFilterValues = Nothing

End If

However I am getting the error

Error 1 'Telerik.Web.UI.GridColumn.Protected Friend Property ListOfFilterValues As String()' is not accessible in this context because it is 'Protected Friend'. 

Any solution?

Thanks

I am working on a program where I want to search for certain criteria in my database and display results in RadGrid.  I have created a WebMethod function that will query my database to get me my results.  My question is how to build result to pass back to Javascript to rebind the datasource?  I am currently storing info into DataTable, but I was reading that you need to have it in JSON format (is this accurate?).  So, once I have created my data in JSON format, how do I pass that over to a Javascript function as a parameter to then set datasource and rebind?

A side question: my boss is wanting this to occur on keypress.  How logical will this be?  Meaning will this be fast enough to continually fire and update on keypress?  So as person types each character of a person's last name in last name text box it continually fires the event and you see the results in the grid continually change as you type.  Thoughts???

Thank You,

Brad

Using Silk skin, if I enable repeatcolumns :         <DefaultGroupSettings RepeatColumns="2" RepeatDirection="Vertical" />

the menu becomes transparent to the background

but if I remove it  the transparency disappears (the desired effect)  :      <DefaultGroupSettings  RepeatDirection="Vertical" /> 

whats is going on?

(see the attached screenshot of the two cases)

thank you

I'm trying to get my RadGrid grouping working like the telerik demos. I can turn groups on and they perform column drag&drop grouping just fine, so far so good, however:

My collapse group buttons are not working. When I click on the arrow to collapse a group, it posts back to the server, but doesn't actually collapse the group. I was assuming it works by default, I didn't notice any handling in the server code in the demo.

Am I doing something wrong, or maybe I missed a step? What should I try next?

I also notice the styling is slightly different than in the demo - my group headers are flat but the demo's are shaded "3D" looking. That may be irrelevant, or might point in the right direction.


The telerik grid demo I'm talking about: http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/grouping/grouping/defaultcs.aspx

I'm using Telerik aspnet-ajax R 2014 Q1

My grid code:

Hi,

I am trying to create a Leave chart for the employees in the company. I am having some problems in grouping data in Telerik Gantt chart. The datasource that is fed to the chart is shown below.

MemberID            MemberName            StartDate            EndDate
----------------------------------------------------------------------------------------
1                          Name1                       30987                 31723
2                          Name1                       31908                 31999
3                          Name2                       35678                 36321
4                          Name3                       34245                 34909
etc...

I want to display the member names on one axis, and the dates on the other axis. If you notice, Name1 has two records, so this should be reflected in the chart by showing two bars for one name (name1). I am getting the correct chart without grouping (however if a member has two leave periods, his name will be shown twice). Unfortunately with grouping, I am not being able to get the results printed on the chart as required. The code I am using is shown below. I am creating two series (assuming that a user has a maximum of two leave periods, so that the group column will divide each leave period on a separate series).

I am using version 2.0.0 of Telerik Controls.

//*********************************************************************************************************

 

 

// YAxis Properties 

 

radChart.YAxis.ValueFormat =

ChartValueFormat.ShortDate;

 

radChart.YAxis.LabelRotationAngle = 90;

radChart.YAxis.Label.Visible =

true;

 

radChart.YAxis.AutoScale =

false;

 

radChart.YAxis.IsZeroBased =

false;

 

radChart.YAxis.AddRange(_from.ToOADate(), _maxDate.Value.ToOADate(), 1);

 

// YAxis2 Properties 

 

radChart.YAxis2.ValueFormat =

ChartValueFormat.ShortDate;

 

radChart.YAxis2.LabelRotationAngle = 90;

radChart.YAxis2.Label.Visible =

true;

 

radChart.YAxis2.AutoScale =

false;

 

radChart.YAxis2.IsZeroBased =

false;

 

radChart.YAxis2.Visible =

AxisVisibility.True;

 

radChart.YAxis2.AddRange(_from.ToOADate(), _maxDate.Value.ToOADate(), 1);

 

// General Properties

 

radChart.DefaultType =

ChartSeriesType.Gantt;

 

radChart.Legend.Visible =

false;

 

radChart.Titles.Add(

new ChartTitle("NBK WDG Leave Chart"));

 

 

// add data to table 

 

 

DataTable _table = new DataTable("Leave");

 

_table.Columns.Add(

"MemberId", typeof(Int32));

 

_table.Columns.Add(

"MemberName", typeof(String));

 

_table.Columns.Add(

"StartDate", typeof(Double));

 

_table.Columns.Add(

"EndDate", typeof(Double));

 

 

foreach (Member _member in Members)

 

{

_table.Rows.Add(_member.MemberId, _member.MemberName, _member.StartDate < _from ? _from.ToOADate() : _member.StartDate.ToOADate(), _member.EndDate.ToOADate());

}

 

// sort by member name

 

 

DataView _view = new DataView();

 

_view.Table = _table;

_view.Sort =

"MemberName";

 

 

// bind data to chart 

 

radChart.DataSource = _view;

 

// instantiate new series

 

 

ChartSeries _series = new ChartSeries();

 

 

// define series Properties

 

_series.Type =

ChartSeriesType.Gantt;

 

_series.Name =

"Leave Periods";

 

_series.LabelAppearance.Visible =

false;

 

_series.DataYColumn =

"StartDate";

 

_series.DataYColumn2 =

"EndDate";

 

radChart.Series.Add(_series);

 

ChartSeries _series2 = new ChartSeries();

 

_series2.Type =

ChartSeriesType.Gantt;

 

_series2.Name =

"Leave Periods 2";

 

_series2.LabelAppearance.Visible =

false;

 

_series2.DataYColumn =

"StartDate";

 

_series2.DataYColumn2 =

"EndDate";

 

radChart.Series.Add(_series2);

radChart.SeriesOrientation =

ChartSeriesOrientation.Horizontal;

 

 

 

radChart.DataGroupColumn =

"MemberId";

 

 

 

 

 

// XAxis Properties

 

radChart.XAxis.DataLabelsColumn =

"MemberName";

 

radChart.XAxis.Label.Visible =

true;

 

 

// bind data

 

radChart.DataBind();

 

// show only weekly marks

 

 

int i = 1;

 

 

foreach (ChartAxisItem _item in radChart.YAxis.Items)

 

{

 

if ((i % 7) != 0)

 

{

_item.Visible =

false;

 

}

i++;

}

i = 1;

 

foreach (ChartAxisItem _item in radChart.YAxis2.Items)

 

{

 

if ((i % 7) != 0)

 

{

_item.Visible =

false;

 

}

i++;

}

 

Please help.

Regards,
Ehab

 

Rename Default_aspx.jpg to Default.aspx

Hi

We use visual studio 2008 with Telerik 2014 Q2. We are facing few minor issues with Masked Text Box in Grid. This happens only in IE 11

Masked Text Box-  when we enter first letter in the masked text box id disappears. when we enter second letter in the masked text box. it appears again.

How to fix this issue? 

Advance Thanks.

Hi everyone,

I am using a RadHtmlChart to display some data amount. I display the amount of
all items (as area series) and the new items per day (as column series) on one
timeline. Therefore I use a data table with a date column (type is
System.DateTime), an absolute value column (type is System.Int32) and a per day
value column (type is System.Int32). On page load all data is displayed. There
are two date time pickers (RadDatePicker) to change the displayed time range.
The change of the time range is done on client site. Therefore I take the
original dataset, store it (for later changing back to another time range) and
creating a new data source with all elements in the selected time range. After
the data source is build I bound it to the chart and repaint it.  This
works perfectly, but I face a strange
issue with the tooltips. In the tooltips I want to display the date of the
hovered item (this seems to work. I´ve done this as shown in your demo).
Everything seems to work perfectly until I choose a time range containing only
two entries and there date values are not in the same month. The values are
shown correctly in the chart and the JSON string behind (gotten with
chart.get_dataSourceJSON ()) looks correct to me, but the displayed date in
 the tooltip is not the correct one.

Could you give me a hint what’s going wrong with my tooltips? Any help would be
appreciated.

The error occurs if you select time range from 15.05.2014 to 10.06.2014 or
16.06.2014 to 05.07.2014.

 If you choose another range where one more item is displayed the error
disappears. Also ther is no issue if
you select a time range containing just two elements but in the same month.
Here is the code I use for this lightweight version. If the project is needed i can send it to you

The aspx page:



The code behind:




Thank you

I am just starting to work with a C#.net 2010 web form application, where I need to make small changes. I have never worked with the RadEditor before. I am getting the following error message when I run the application listed below.

My questions are the following:
1. Where can I obtain a copy of the Radeditor so That I can work with it? My company has a license for teletrik?
2. Once I have the radedior installed, can you tell me how to use it so that I can find the error that is being referred to below?
3. Will using a regular html editor be good enough?

[Exception: Invalid XHTML. RadEditor content should be correct XHTML in order to export to PDF.
Parse error:
Reference to undeclared entity 'Quot'. Line 837, position 105.
at line:
<p style="text-align: left; margin-right: 0px;" dir="ltr"><span style="line-height: 107%; font-family: &Quot;calibri&quot;,&quot;sans-serif&quot;; font-size: 11pt; mso-ascii-theme-font: minor-latin; mso-fareast-font-family: calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin; mso-bidi-font-family: &Quot;times new roman&quot;; mso-bidi-theme-font: minor-bidi; mso-ansi-language: en-us; mso-fareast-language: en-us; mso-bidi-language: ar-sa;"><br clear="all" style="page-break-before: always; mso-special-character: line-break;">]
   Telerik.Web.UI.RadEditor.PdfExportRenderForm(HtmlTextWriter nullWriter, Control form) +763
   System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +268
   System.Web.UI.HtmlControls.HtmlForm.RenderChildren(HtmlTextWriter writer) +102
   System.Web.UI.HtmlControls.HtmlContainerControl.Render(HtmlTextWriter writer) +32
   System.Web.UI.HtmlControls.HtmlForm.Render(HtmlTextWriter output) +53
   System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
   System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
   System.Web.UI.HtmlControls.HtmlForm.RenderControl(HtmlTextWriter writer) +40
   Telerik.Web.UI.RadEditor.PdfExportRenderPage(HtmlTextWriter nullWriter, Control page) +171
   System.Web.UI.Control.RenderChildrenInternal(HtmlTextWriter writer, ICollection children) +268
   System.Web.UI.Control.RenderChildren(HtmlTextWriter writer) +8
   System.Web.UI.Page.Render(HtmlTextWriter writer) +29
   System.Web.UI.Control.RenderControlInternal(HtmlTextWriter writer, ControlAdapter adapter) +57
   System.Web.UI.Control.RenderControl(HtmlTextWriter writer, ControlAdapter adapter) +100
   System.Web.UI.Control.RenderControl(HtmlTextWriter writer) +25
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1386