Quantcast
Channel: Telerik Forums RSS
Viewing all 67686 articles
Browse latest View live

Unable to click the check boxes in 'filter-treeview-in-dialog' component using Test Studio.

$
0
0
Hi Radhika,

I tested the provided sample page and it worked fine for recording against Firefox without further adjustments. The execution worked find for the rest of the browsers. Could you please prepare a sample test which you have difficulties with? 

Thanks in advance! 

Regards,
Elena Tsvetkova
Progress Telerik
 
The New Release of Telerik Test Studio Is Here! Download, install,
and send us your feedback!

Demo Menu Page Control & Page Framework

$
0
0
Hi,

Are you looking for a Side Drawer type of menu component?

If you'd like to have an ASP.NET WebForms sandwich menu just set the RenderMode property of RadMenu to Mobile or examine the RadNavigation widget.

If you however look for a drawer component like this of the Kendo suite, you can use the Kendo's one or add your vote for this public item.
The Kendo Drawer is a hybrid widget and you can see how to enable it on the page in the following articles:
https://docs.telerik.com/kendo-ui/controls/hybrid/introduction
https://docs.telerik.com/kendo-ui/controls/hybrid/drawer/drawer.

For your convenience I created and attached a simple runnable ASP.NET website project based on the solution provided in this Dojo sample.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

Telerik documentation for context menu is missing very important thing

$
0
0
Hello Mateusz,

Thank you for your feedback. 

Let me explain the reason for the styles being defined without the BasedOn property. Setting that property is only required if you are using the NoXaml binaries with implicit styles. In that case you need to base your style on the theme's default one as described in the Styling the Controls article. If you are using the Xaml binaries, there is no need for setting the BasedOn property.

Regards,
Vladimir Stoyanov
Progress Telerik
Want to extend the target reach of your WPF applications, leveraging iOS, Android, and UWP? Try UI for Xamarin, a suite of polished and feature-rich components for the Xamarin framework, which allow you to write beautiful native mobile apps using a single shared C# codebase.

Rad Grid drag and Drop feature is not working in chrome browser when zoom level is not 100%

$
0
0

Hello

Is there any update on this. It is quite urgent, as we have signed up a customer that needs to zoom their browser in order to read the text. 

RadEditor - Object reference not set to an instance of an object

$
0
0
Hi Markus,

The Third party export to PDF converter, which RadEditor uses, does not support the following scenarios:
  • Image transparency
  • Right-to-left fonts
  • Nested DIV elements with absolute position
  • Nested DIV elements with specified width or height
  • Automatic text clipping
  • Client-side binding
  • Medium trust
  • non well formed tags
  • External styles and CSS in style tags


Another limitation is that the Export to PDF library cannot export full HTML page - this means that the exported content should not contain <html>, <head> and <body> tags, but only the contents inside the <body> tags.

Please make sure that the above requirements are satisfied. If they are, please provide the HTML content that is causing the error.

Another alternative is to export the content using the Telerik PdfProcessing library as shown in this KB article: Using an external library for the export to PDF functionality in Telerik’s ASP.NET Editor.

Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

Sort by date desc in agenda view

$
0
0
I already have a custom extended agenda view, is there by any chance a way to have my events sort DESC?  Users want the latest events at the top.

Change selected foreground text

$
0
0

Hi,

How to achieve conditional formatting in a RadCombobox (for a particular RadComboboxItem)?

See this example:

<telerik:RadComboBox
                    x:Name="cmbRecordset"
                    DisplayMemberPath="RecordsetName"
                    IsEnabled="{Binding IsVersionInfoControlsEnabled}"
                    ItemsSource="{Binding RecordsetList}"
                    SelectedItem="{Binding Path=SelectedRecordset, NotifyOnValidationError=True, ValidatesOnNotifyDataErrors=True, Mode=TwoWay}"
                    SelectedValuePath="RecordsetId">
                    <telerik:RadComboBox.Width>
                        <MultiBinding Converter="{converters:ComboBoxConverter}">
                            <Binding RelativeSource="{RelativeSource Self}" />
                            <Binding Path="RecordsetList" />
                        </MultiBinding>
                    </telerik:RadComboBox.Width>
                </telerik:RadComboBox>

So based one of the property value in the "RecordsetList" I would need to format the foreground color of an item in RadCombobox .

 

For RadGridView I was able to achieve that using this below code but not finding it easy for RadCombobox. Any help?

<telerik:ConditionalStyleSelector>
    <telerik:StyleRule Condition="ErrorCode=0">
         <Style BasedOn="{StaticResource GridViewRowStyle}" TargetType="telerik:GridViewRow">
               <Setter Property="Foreground" Value="Red" />
         </Style>
    </telerik:StyleRule>
</telerik:ConditionalStyleSelector>

ErrorCode=0 is the property value in RecordsetList that drives this conditional formatting.

 

Thanks

Optional Hierarchy Grid

$
0
0
Hello Erik,

The functionality you describe can be implemented by taking advantage of Kendo UI Template Conditionals inside the template specified by the ClientDetailTemplateId property; you can read more about Templates and their syntax here.

For example:

<div>
   @(Html.Kendo().Grid<MvcApplication1.Models.TestModels>()
      .Name("Grid")
      .Columns(columns =>
      {
         columns.Bound(p => p.ID);
         columns.Bound(p => p.Name);
      })
      .Filterable()
      .Sortable()
      .ClientDetailTemplateId("template")
      .DataSource(dataSource => dataSource
         .Ajax()
         .Read(read => read.Action("Grid_Read", "Home"))
         .Model(model => { model.Id(p => p.ID); })
      )
   )
</div>
 
<script id="template" type="text/kendo-tmpl">
   #if(ID > 2){#
      @(Html.Kendo().Grid<MvcApplication1.Models.TestFullCalender>()
         .Name("grid_#=ID#")
         .Columns(columns =>
         {
            columns.Bound(o => o.id).Width(70);
            columns.Bound(o => o.title).Width(70);
         })
         .DataSource(dataSource => dataSource
            .Ajax()
            .PageSize(5)
            .Read(read => read.Action("Grid_ReadChild", "Home", new { ID = "#=ID#" }))
         )
         .Pageable()
         .Sortable()
         .ToClientTemplate()
      )
   #}#
</script>

I hope this helps!

Regards,
Eduardo Serra
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

hidden grid command button reappears when editing another row

$
0
0
Hello,

In this case the only solution would be to use the https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/edit event as well along with the dataBound event. This will ensure that the code for hiding the buttons will be executed when user switches to edit without to save or cancel the changes from the previous row opened for edit. Speaking of cancel the same logic should be applied in the cancel event handler as well. Same thing happens in case that user clicks on cancel command button - cancel event is triggered, but the dataBound event will not be fired, since no changes are applied to the data items. 

Regards,
Boyan Dimitrov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

Checkbox filtering with client template

$
0
0
Is it supported to have the checkbox filtering work with the data that displayed in a client template rather than the data bound in the column?

No Tab Stop on specific column cells

$
0
0

Is there a way to remove tabstops on some column's cells and not others?

Many of the users will only be using a keyboard and the form I'm building has a gridview with only 2 columns out of 12 that only need to tabbed through.

 

 

Remove row red validation border

$
0
0

I'm using version 2018.1.122.45 of RadGridView.  I'm trying to remove the validation red border for the row.  

I've tried everything possible by coping the entire fluent theme and changing everything to no success.  It seems this border is in the adorner layer.

Can you please provide me some direction on how to remove this border please?

Event for ShowCheckAll button ?

$
0
0

A colleague pointed out to me a way (trick) to use to solve this problem which is to use JQuery click event handler for the CheckAll button by assigning it to its CSS class (rddtCheckAllCheckbox) . The function below is assigned to OnClientLoad and set it up. (I still think that telerik should add an event for this action)

function controlLoaded(sender,args){
    $('.rddtCheckAllCheckbox').click(function () {
        // do your work here
     });
}

 

 

Optional Hierarchy Grid

$
0
0
Your answer gets me almost there. Is it possible to completely hide the expandable triangle indicator that is shown on the far-left of the parent grid on each row?  I would prefer for the records that do not have the details grid available to not even allow the user to try and expand them.

Grouping slow

$
0
0
I have two views.  One with a RadGridView, the other with a RadListBox.  They both have the same view model, and same ItemsSource.  I followed the ListBox Grouping and Filtering example.  When I have a collection of 2000 items, grouping is noticeably slower in the RadListBox than the RadGridView, i.e. 4 times slower, even when the RadListBox's ItemTemplate contains just a TextBlock.  Any idea why this is, and how to speed up grouping in the RadListBox?  Thanks.

Tooltip not getting data from target span

$
0
0

I have a Tooltip setup to display a grid of data when a span is clicked.  The span has 'data' elements which contain the parameters to be passed to the Action method on the Controller.  This all works pefertly fine in my development environment, however when I deploy to test or production the parameters being passed to the Action method are null.

My implementation follows this example:

https://demos.telerik.com/aspnet-mvc/tooltip/ajax#

When I try the demo at this link, it also does not display the content of the tooltip, just a blank tooltip.

So my question is why does this work for in my development environment but not my test or production environment?  Also, does the example on the demo site not work?

My code is as follows:

.CSHTML content
This is partial content, but enough to show what is setup:

            <div class="row skills-border skills-border-bottom">

                <h3>CMRP <span class="small" style="font-size: .5em">(Click on # for detail)</span></h3>


                <div class="col-md-6 col-lg-6">
                    @{
                        string cmrpValidClass = item.CMRPValidCount == 0 ? "label-danger" : "label-success";
                        string cmrpValidTextClass = item.CMRPValidCount == 0 ? "text-danger": "text-success" ;
                    }
                    <span class="label cmrpDetail @cmrpValidClass" data-group="@item.Category~~true" data-validcmrp="true">@Html.DisplayFor(x => item.CMRPValidCount)</span>

                    <h5 class="@cmrpValidTextClass"> @Html.DisplayNameFor(x => x.CMRPValidCount) </h5>

                </div>

                <div class="col-md-6 col-lg-6">
                    @{
                        string cmrpNotValidClass = item.CMRPNotValidCount == 0 ? "label-success" : "label-danger";
                        string cmrpNotValidTextClass = item.CMRPNotValidCount == 0 ? "text-success" : "text-danger";
                    }
                    <span class="label cmrpDetail @cmrpNotValidClass" data-group="@item.Category~~false" data-validcmrp="false">@Html.DisplayFor(x => item.CMRPNotValidCount)</span>

                    <h5 class="@cmrpNotValidTextClass hasTooltip" title="@cmrpNotValid"> @Html.DisplayNameFor(x => x.CMRPNotValidCount) </h5>

                </div>
            </div>
        </div>
    }
</div>
@(Html.Kendo().Tooltip()
      .For(".cmrpDetail")
      .ShowOn(TooltipShowOnEvent.Click)
      .LoadContentFrom("CMRPDetail", "CenterOfExcellence")
      .Position(TooltipPosition.Top)
      .Width(700)
      .Height(500)
      .Events(events =>
      {
          events.RequestStart("requestStart");
          events.Show("show");
      }))

 

<script>
    function show() {
        this.refresh();
    }
    function requestStart(e) {
        e.options.data = {
            id: e.target.data("group")
        }
    }

</script>

From CenterOfExcellenceController

        public ActionResult CMRPDetail(string id)
        {
            string[] parameters = id.Split(new []{"~~"}, StringSplitOptions.None);

            IEnumerable<CMRPDetailEntity> result = _mPractSkillsBo.GetCMRPDetailByGroup(parameters[0], bool.Parse(parameters[1]));

            return PartialView("CMRPDetail", result);
        }

 

The Routes

        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");


            routes.MapRoute("Default", "{controller}/{action}/{id}",
                new {controller = "Home", action = "Index", id = UrlParameter.Optional}
                );

            routes.MapRoute(
                "DeleteUser",
                "{controller}/{action}/{id}/{guid}",
                new {controller = "Account", action = "Delete"});

        }

GridClientSelectColumn onclick

$
0
0

Hi, actually the issue is that we add the GridClientSelectColumn but on that command we want to post back to run a serverside code to enable a few other buttons and things on the page. Is this possible to use the GridClientSelectColumn to post back or trigger some kind of grid event when you select the top checkbox in the header?

 

of course we can just use client side to manually submit the page but I was trying to stick to asp.net events if possible.

so please yes or no can we do a server side post back on the selection of the actual GridClientSelectColumn the top check box in the HEADER.

 

Thank you,

 

 

 

 

Issue with RadEditor as it adds extra space to original html cotent pasted from word

$
0
0

Hi Team,

When I am copying below text from MS word to Rad Editor. I am seeing lot of spaces and new lines.

Could you please help me how to avoid unnecessary spaces and new lines.

FYI, below is the text I am copying from MS word and pasting to RadEditor.

Regards,

Jani

PathStyle corrupts button image

$
0
0

I was able to get around this by also adding another setter to my style for the Stretch property

<SetterProperty="Stretch"Value="Uniform"/>

 

Don't know why this was needed -- I tried unsuccessfully to base my style on the "default" for path -- but it fixes the problem and is a minor fix so I am OK now

 

 

GridClientSelectColumn onclick

$
0
0
Here is the answer to this

https://www.telerik.com/forums/select-all-rows-event

The magic is this part:

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
    if (e.Item is GridHeaderItem)
    {
        GridHeaderItem headerItem = (GridHeaderItem)e.Item;
        CheckBox headerChkBox = (CheckBox)headerItem["GridClientSelectColumn"].Controls[0];
        headerChkBox.AutoPostBack = true;
        headerChkBox.CheckedChanged += new EventHandler(headerChkBox_CheckedChanged);
    }
}
Viewing all 67686 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>