Telerik Forums
UI for ASP.NET MVC Forum
3 answers
5.7K+ views

Hi!

I'm getting all red squigglies on my CSHTML files but the site is still working without compile-time or runtime errors. I'm getting this warning on CSHTML that has Kendo() used on them:

Warning CS1702

Assuming assembly reference 'System.Web.Mvc, Version=5.2.3.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' used by 'Kendo.Mvc' matches identity 'System.Web.Mvc, Version=5.2.4.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35' of 'System.Web.Mvc', you may need to supply runtime policy

Also, maybe not related, but all kendo control is not rendering properly at all: Attached

Here is my Web.Config:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <configSections>
        <section name="log4net" type="log4net.Config.Log4NetConfigurationSectionHandler, log4net" />
    </configSections>
    <appSettings>
        <add key="webpages:Version" value="3.0.0.0" />
        <add key="webpages:Enabled" value="false" />
        <add key="ClientValidationEnabled" value="true" />
        <add key="UnobtrusiveJavaScriptEnabled" value="true" />         
    </appSettings>
    <system.web>
        <authentication mode="Windows" />
        <authorization>
            <deny users="?" />
        </authorization>
        <compilation debug="true" targetFramework="4.7.1">
            <assemblies>
                <add assembly="netstandard, Version=2.0.0.0, Culture=neutral, PublicKeyToken=cc7b13ffcd2ddd51" />
            </assemblies>
        </compilation>
        <httpRuntime requestValidationMode="4.7.1" targetFramework="4.7.1" encoderType="System.Web.Security.AntiXss.AntiXssEncoder, System.Web, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" />
        <globalization uiCulture="auto:en" culture="en-GB" />
        <pages>
            <namespaces>
                <add namespace="Kendo.Mvc.UI" />
            </namespaces>
        </pages>
    </system.web>
    <system.web.extensions>
        <scripting>
            <webServices>
                <jsonSerialization maxJsonLength="2147483644" />
            </webServices>
        </scripting>
    </system.web.extensions>
    <system.webServer>
        <staticContent>
            <remove fileExtension=".woff" />
            <remove fileExtension=".woff2" />
            <remove fileExtension=".otf" />
            <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
            <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
            <mimeMap fileExtension=".otf" mimeType="font/otf" />
        </staticContent>
        <modules>
            <remove name="FormsAuthentication" />
        </modules>
        <httpProtocol>
            <customHeaders>
                <add name="Node" value="Local" />
            </customHeaders>
        </httpProtocol>
    </system.webServer>
    <runtime>
        <gcServer enabled="true" />
        <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
            <dependentAssembly>
                <assemblyIdentity name="System.Web.Optimization" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="1.1.0.0" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="0.0.0.0-1.6.5135.21930" newVersion="1.6.5135.21930" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="Antlr3.Runtime" publicKeyToken="eb42632606e9261f" culture="neutral" />
                <bindingRedirect oldVersion="0.0.0.0-3.5.0.2" newVersion="3.5.0.2" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="Newtonsoft.Json" publicKeyToken="30ad4fe6b2a6aeed" culture="neutral" />
                <bindingRedirect oldVersion="0.0.0.0-11.0.0.0" newVersion="11.0.0.0" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="AutoMapper" publicKeyToken="be96cd2c38ef1005" culture="neutral" />
                <bindingRedirect oldVersion="0.0.0.0-6.2.2.0" newVersion="6.2.2.0" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="System.Web.Helpers" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="System.Web.WebPages" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="1.0.0.0-3.0.0.0" newVersion="3.0.0.0" />
            </dependentAssembly>
            <dependentAssembly>
                <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
                <bindingRedirect oldVersion="0.0.0.0-5.2.4.0" newVersion="5.2.4.0" />
            </dependentAssembly>
        </assemblyBinding>
    </runtime>
</configuration>

 

And here is the Views\Web.Config

<?xml version="1.0"?>
<configuration>
    <configSections>
        <sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
            <section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
            <section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
        </sectionGroup>
    </configSections>
    <system.web.webPages.razor>
        <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.4.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <pages pageBaseType="System.Web.Mvc.WebViewPage">
            <namespaces>
                <add namespace="System.Web.Mvc" />
                <add namespace="System.Web.Mvc.Ajax" />
                <add namespace="System.Web.Mvc.Html" />
                <add namespace="System.Web.Optimization"/>
                <add namespace="System.Web.Routing" />
                <add namespace="DA.Services.IBS.Web.FinancePortalFull" />
                <add namespace="Kendo.Mvc.UI" />
            </namespaces>
        </pages>
    </system.web.webPages.razor>
    <appSettings>
        <add key="webpages:Enabled" value="false" />
    </appSettings>
    <system.webServer>
        <handlers>
            <remove name="BlockViewHandler"/>
            <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
        </handlers>
    </system.webServer>
    <system.web>
        <compilation>
            <assemblies>
                <add assembly="System.Web.Mvc, Version=5.2.4.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
            </assemblies>
        </compilation>
    </system.web>
</configuration>

 

I'm not using v5.2.3.0 of System.Web.Mvc. I'm on Kendo v2018.1.117.545

_Layout.s

@using DA.Services.IBS.Web.FinancePortalFull.Helpers
<!DOCTYPE html>
<html prefix="og: http://ogp.me/ns#">
    <head>
        <title>@ViewBag.Title | Finance System</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
        <!-- Add local styles, mostly for plugins css file -->
        @if (IsSectionDefined("Styles"))
        {
            @RenderSection("Styles", required: false)
        }
        <!-- Add jQuery Style direct - used for jQGrid plugin -->
        <link href="@Url.Content("~/Scripts/plugins/jquery-ui/jquery-ui.min.css")" rel="stylesheet" type="text/css" />
        <!-- Primary Inspinia style -->
        @Styles.Render("~/Content/css")
        @Styles.Render("~/Content/plugins/kendo/css")
        @Styles.Render("~/Content/plugins/font-awesome/css")
        <!-- Section for main scripts render -->
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/bootstrap")
        @Scripts.Render("~/bundles/kendo")
    </head>
    <body class="md-skin">
        <!-- Wrapper-->
        <!-- PageClass give you ability to specify custom style for specific view based on action -->
        <div id="wrapper" class="@Html.PageClass()">
            <!-- Navigation -->
            @Html.Partial("_Navigation")
            <!-- Page wraper -->
            <div id="page-wrapper" class="gray-bg @ViewBag.SpecialClass">
                <!-- Top Navbar -->
                @Html.Partial("_TopNavbar")
                @Html.Partial("_NotificationBox")
                <!-- Main view  -->
                @RenderBody()
                <!-- Footer -->
                @Html.Partial("_Footer")
            </div>
            <!-- End page wrapper-->
            @{
                <input id="BASE_URL" type="hidden" value="@(string.Format("{0}://{1}{2}", Request.Url.Scheme, Request.Url.Authority, Url.Content("~/")))" />
            }
            <script type="text/javascript">
                window.applicationBaseUrl = @Html.Raw(HttpUtility.JavaScriptStringEncode(new Uri(new Uri(Context.Request.Url.GetLeftPart(UriPartial.Authority)), Url.Content("~/")).ToString(), true));
                window.BASE_URL = $("#BASE_URL").val();
            </script>
        </div>
        <!-- End wrapper-->
        <!-- Section for main scripts render -->
        @Scripts.Render("~/plugins/slimScroll")
        @Scripts.Render("~/bundles/inspinia")
        <!-- Handler for local scripts -->
        @RenderSection("scripts", required: false)
    </body>
</html>

 

Bundles:

// Kendo UI Scripts
bundles.Add(new ScriptBundle("~/bundles/kendo").Include(
                "~/Scripts/plugins/kendo/kendo.all.min.js",
                "~/Scripts/plugins/kendo/kendo.aspnetmvc.min.js"));
// CSS style (kendo)
bundles.Add(new StyleBundle("~/Content/plugins/kendo/css").Include(
                "~/Content/plugins/kendo/kendo.common-material.min.css",
                "~/Content/plugins/kendo/kendo.material.min.css",
                "~/Content/plugins/kendo/kendo.dataviz.material.min.css",
                "~/Content/plugins/kendo/kendo.mobile.all.min.css",
                "~/Content/plugins/kendo/kendo.mobile.material.min.css",
                "~/Content/plugins/kendo/kendo.material-mobile.min.css"));

 

As per chrome's Network tab in dev-mode, there is no missing file and no errors on the console tab either.


Jay
Top achievements
Rank 1
Iron
Iron
 answered on 14 Feb 2019
2 answers
444 views

I'm working on a solution where I'm using pop-up editing. On create the the pop-up template appears and the Multi-select dropdown loads with data as shown below.

@(Html.Kendo().MultiSelect().Name("permissionsDropDown")
                  .Placeholder("Select Permissions...")
                  .AutoClose(false)
                  .DataTextField("Name")
                  .DataValueField("Id")
                  .DataSource(source =>
                  {
                      source.Read(read =>
                      {
                          read.Action("GetApplicationPermissions", "PermissionTemplates").Data("addApplicationIdToRequest");
                      })
                          .ServerFiltering(false);
                  })
            )

 

This loads the correct values into the multi select dropdown object correctly. If I select some items they are selected correctly but when I click on the 'Create' button the values are not passed to the controller correctly. The correct number of items is passed to the controller but the value for each is 0 as shown in the attached image.

 

 

Phillip
Top achievements
Rank 1
 answered on 13 Feb 2019
1 answer
1.7K+ views

I'm trying to replace my javascript alert calls with calls to a custom kendo dialog.  The difference is that when a javascript alert is called, all javascript execution is suspended until the user clicks ok.  With kendo dialogs, execution continues even if the dialog is set to modal.  Is there a way to "wait" for the user to click ok before resuming execution of the rest of the javascript?  Having the call to the kendo dialog as the last line in the function isn't always an option.  Here is the dialog code:

@(Html.Kendo().Dialog()
    .Name("alertDialog")
    .Title("FastWeigh 10")
    .HtmlAttributes(new { @class = "kAlert"})
    .Width(400)
    .Modal(true)
    .Closable(true)
    .Visible(false)
    .Actions(actions =>
    {
        actions.Add().Text("OK").Primary(true);
    })
)

 

And the dialog call itself:

function kAlert(message) {
    var kDialog = $("#alertDialog").data("kendoDialog");
    kDialog.content("<div class='fwAlert'><span class='fa fa-info-circle'/><p class='alertText'>" + message + "</p></div>");
    return kDialog.open().result;
}
Marin Bratanov
Telerik team
 answered on 13 Feb 2019
1 answer
190 views
Is there a way to have reminders for events in the scheduler similar to the Scheduler for Ajax has?
Marin Bratanov
Telerik team
 answered on 13 Feb 2019
1 answer
99 views

Hello,

I'm having troubles after update with the pagination controls in the grids.

 

there is a same thread in below link;

https://www.telerik.com/forums/duplicated-grid-pager-controls

 

my css in page;

"~/Content/kendo/2018.3.1017/kendo.common.min.css"

"~/Content/kendo/2018.3.1017/kendo.default.min.css"

 

grid pagination blok;

.Pageable(pageable => pageable
            .Refresh(true)
            .PageSizes(true)
            .ButtonCount(5))

 

Here is an image of the grid pagination with the duplicated controls.

Thank you!

Georgi
Telerik team
 answered on 13 Feb 2019
1 answer
73 views

Using Telerik UI for MVC5 

The template packaged withe the library generates a project that uses bootstrap 3, and the default solution looks like MVC3/4 (btw, that's annoying as hell). Is it even a MVC5 project?

I know there's a menu option in the VS extension that allows you to convert an existing project to be a Telerik project, but what happens regarding bootstrap if the project is currently using bootstrap 4? The conversion process adds bootstrap style files for kendo. Are they for v3, or does it use v4 versions of those files when bootstrap 4 is being used by the project?

For $1100 I expected better. MUCH better. I shouldn't have to ask these kinds of questions.

Is there a template available for MVC5 and bootstrap 4?

 

Alex Hajigeorgieva
Telerik team
 answered on 12 Feb 2019
6 answers
371 views

I am getting an invalid template error when I am creating a ListView in which the Editor Template contains a select list that is bound to a datasource that contains elements with an apostrophe.  It looks like the text is getting escaped, as the error message shows it being created as "<option value="Conveners&#x27; Corner (New)">Conveners&#x27; Corner (New)</option>", but I don't know if it's Kendo doing the escaping or MVC or something else.  This encode contains a # sign though, and that doesn't get escaped, which causes the error.

Is this a bug with the ListView control?  Is there some other event where I can escape the escaped text to put a \\ before an # characters?

Miguel Angel
Top achievements
Rank 1
 answered on 12 Feb 2019
1 answer
287 views

I have a page with a pair of dialog controls on it.  They "pop-up" into the center of the screen and work as they should, aside from the fact they are also constantly visible at the bottom of the page, overlapping each other.

Here's the definitions:

@(Html.Kendo().Dialog()
          .Name("confirmVoid")
          .Title("Void Ticket")
          .Content("Are you sure you want to void this ticket?")
          .Width(300)
          .Modal(true)
          .Visible(false)
          .Actions(action =>
          {
              action.Add().Text("Yes").Action("onYesVoid");
              action.Add().Text("No");
          })
)
 
@(Html.Kendo().Dialog()
          .Name("voidSuccess")
          .Title("Void Ticket")
          .Content("The ticket was voided successfully")
          .Width(300)
          .Modal(true)
          .Visible(false)
          .Actions(action =>
          {
              action.Add().Text("OK");
          })
)
Marin Bratanov
Telerik team
 answered on 11 Feb 2019
11 answers
2.9K+ views

I have an MVC grid that has an Ajax datasource with InCell editing.  After the grid loads we want to be able to update the contents of cells with JavaScript.  So the user will enter a value in a textbox.  Click a button that will execute JavaScript.  The JavaScript will then update the cells in the grid with the value from the textbox.  The idea being that this will save the user from typing the same value into every cell. 

Below is the JavaScript function I have.  It's looping through the grid and changing the value in cell named "NonOutageCost".  If I don't refresh the grid - then I don't see that the value has changed until I click in the cell.  After I click in the cell - then it shows me the value the JavaScript function set.  But it doesn't show the red dirty flag indicator.  If I refresh the grid - then it shows me the value the JavaScript function set.  But it doesn't show me the red dirty flag indicator.

Is there a way to have a JavaScript function that is executed by a button click change the cell contents and set the dirty flag indicator?  If so, could you show me an example.  I've spent a lot of time researching this and looking at the documentation.  But I haven't found an example like this.  Most of the examples I saw show doing something like this in a databound event.  But that won't work in this case.  Thanks for your help.

        function myFunction() {
            alert("Function executes when button is clicked");           
            var vgrid = $("#grid").data("kendoGrid");
            //Getting grid items
            var items = vgrid.dataSource.data();
            alert("length = " + items.length);
            alert("Non Outage Cost = " + ($('#NonOutageCostInput').val()));
            for (i = 0; i < items.length; i++) {
                var item = items[i];
              
                if ($('#NonOutageCostInput').val() > 0) { 
                    item.NonOutageCost = $('#NonOutageCostInput').val(); 
                }
            }
            //Refresh will change the row values - but the dirty flag isn't set - so the Save Changes doesn't update the database
            //alert("before refresh");
            //$("#grid").data("kendoGrid").refresh();
        }

Konstantin Dikov
Telerik team
 answered on 11 Feb 2019
1 answer
329 views

Hi,

i've managed to shrink the size of one column in timeline view, but my first row height still stays the same, so now the first cell in not aligned with others. (look at the screenshot)

 

Dimitar
Telerik team
 answered on 11 Feb 2019
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
MultiSelect
Window
ListView
TabStrip
Menu
Installer and VS Extensions
Spreadsheet
AutoComplete
TreeList
Gantt
PanelBar
NumericTextBox
Filter
ToolTip
Map
Diagram
Button
PivotGrid
Form
ListBox
Splitter
Application
FileManager
Sortable
Calendar
View
MaskedTextBox
PDFViewer
TextBox
Toolbar
MultiColumnComboBox
Dialog
DropDownTree
Checkbox
Slider
Switch
Notification
ListView (Mobile)
Pager
Accessibility
ColorPicker
DateRangePicker
Wizard
Security
Styling
Chat
MediaPlayer
TileLayout
DateInput
Drawer
SplitView
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
Template
Badge
LinearGauge
ModalView
ResponsivePanel
TextArea
Breadcrumb
ExpansionPanel
Licensing
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Localization
MultiViewCalendar
PopOver (Mobile)
Ripple
ScrollView (Mobile)
Switch (Mobile)
PivotGridV2
FlatColorPicker
ColorPalette
DropDownButton
AIPrompt
PropertyGrid
ActionSheet (Mobile)
BulletGraph
Button (Mobile)
Collapsible
Loader
CircularGauge
SkeletonContainer
Popover
HeatMap
Avatar
ColorGradient
CircularProgressBar
SplitButton
StackLayout
TimeDurationPicker
Chip
ChipList
DockManager
ToggleButton
Sankey
OTPInput
ChartWizard
SpeechToTextButton
InlineAIPrompt
TimePicker
StockChart
RadialGauge
ContextMenu
ArcGauge
AICodingAssistant
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?