Telerik Forums
UI for ASP.NET MVC Forum
1 answer
279 views

Hello,

In the attached screen print I added the HTML version 2012.2 913 of editor and MVC version code snippet from the view all http://demos.kendoui.com/web/editor/all-tools.html. The HTML version has the (View HTML) the MVC version does not have this button. I also tried the latest internal build 2012.2.1029 this did not have the feature. In the Razor file when I add .Tools(tools => tools . viewHtml is not listed as a tool.

Below is the sample code I used to generate this. And attached is a screen print.

With regards,

Matthew

Sample Index.cshtml file

@{

    ViewBag.Title = "Index";

}

<h2>HTML Editor</h2>

    <div id="example" class="k-content">

    <textarea id="editor" rows="10" cols="30" style="width:740px;height:400px">

            &lt;p&gt;&lt;img src=&quot;http://www.kendoui.com/Image/kendo-logo.png&quot; alt=&quot;Editor for ASP.NET MVC logo&quot; style=&quot;display:block;margin-left:auto;margin-right:auto;&quot; /&gt;&lt;/p&gt;

            &lt;p&gt;

                Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.&lt;br /&gt;

                In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,

                and image handling. The widget &lt;strong&gt;outputs identical HTML&lt;/strong&gt; across all major browsers, follows

                accessibility standards and provides API for content manipulation.

            &lt;/p&gt;

            &lt;p&gt;Features include:&lt;/p&gt;

            &lt;ul&gt;

                &lt;li&gt;Text formatting &amp; alignment&lt;/li&gt;

                &lt;li&gt;Bulleted and numbered lists&lt;/li&gt;

                &lt;li&gt;Hyperlink and image dialogs&lt;/li&gt;

                &lt;li&gt;Cross-browser support&lt;/li&gt;

                &lt;li&gt;Identical HTML output across browsers&lt;/li&gt;

                &lt;li&gt;Gracefully degrades to a &lt;code&gt;textarea&lt;/code&gt; when JavaScript is turned off&lt;/li&gt;

            &lt;/ul&gt;

            &lt;p&gt;

                Read &lt;a href=&quot;http://docs.kendoui.com&quot;&gt;more details&lt;/a&gt; or send us your

                &lt;a href=&quot;http://www.kendoui.com/forums.aspx&quot;&gt;feedback&lt;/a&gt;!

            &lt;/p&gt;

    </textarea>

    <script>

        $("#editor").kendoEditor({

            tools: [

                "bold",

                "italic",

                "underline",

                "strikethrough",

                "fontName",

                "fontSize",

                "foreColor",

                "backColor",

                "justifyLeft",

                "justifyCenter",

                "justifyRight",

                "justifyFull",

                "insertUnorderedList",

                "insertOrderedList",

                "indent",

                "outdent",

                "formatBlock",

                "createLink",

                "unlink",

                "insertImage",

                "subscript",

                "superscript",

                "viewHtml"

            ]

        });

    </script>

</div>

<h2>MVC Editor</h2>

@(Html.Kendo().Editor()

      .Name("Editor")

      .HtmlAttributes(new { style = "width: 740px;height:440px" })

      .Tools(tools => tools

        .SubScript()

        .SuperScript()

      )

      .Value(@<text>

            <p>

               <img src="http://www.kendoui.com/Image/kendo-logo.png" alt="Editor for ASP.NET MVC logo" style="display:block;margin-left:auto;margin-right:auto;" />

            </p>

            <p>

                Kendo UI Editor allows your users to edit HTML in a familiar, user-friendly way.<br />

                In this version, the Editor provides the core HTML editing engine, which includes basic text formatting, hyperlinks, lists,

                and image handling. The widget <strong>outputs identical HTML</strong> across all major browsers, follows

                accessibility standards and provides API for content manipulation.

            </p>

            <p>Features include:</p>

            <ul>

                <li>Text formatting &amp; alignment</li>

                <li>Bulleted and numbered lists</li>

                <li>Hyperlink and image dialogs</li>

                <li>Cross-browser support</li>

                <li>Identical HTML output across browsers</li>

                <li>Gracefully degrades to a <code>textarea</code> when JavaScript is turned off</li>

            </ul>

            <p>

                Read <a href="http://www.kendoui.com/documentation/introduction.aspx">more details</a> or send us your

                <a href="http://www.kendoui.com/forums.aspx">feedback</a>!

            </p>

      </text>)

)

Alex Gyoshev
Telerik team
 answered on 13 Nov 2012
0 answers
181 views
I have a Kendo Grid using Server binding and defined in a Razor view like @(Html.Kendo().Grid etc...

I'm using inline editing and it works find however I'd like to only show the destroy button if the user belongs to a certain role.

Any ideas about the best way to achieve this ? Ideally I'd like to write some sort of extension method so I could do something like :

    columns.Command(command => { command.Destroy().If(IsInRole("Admin")) };

Any pointers would be very helpful.

Thanks 

John
John
Top achievements
Rank 1
 asked on 13 Nov 2012
0 answers
153 views
Hi,

Can anyone send me some sample code for kendo grid with code first approach.
I want to retrieve data from sqlserver not from sql xpress.

i tried with the following example getting error "An exception occurred while initializing the database. See the InnerException for details."

http://www.telerik.com/community/code-library/aspnet-mvc/grid/grid-using-entityframework---code-first.aspx

Thanks
vani
Top achievements
Rank 1
 asked on 12 Nov 2012
1 answer
140 views
I have attached 3 images,

home.png is how my bootstrap-themed website looks like

I added this line of code in my page, right at the bottom

@(Html.Kendo().Window()
.Name("window")
.Title("test")
.Content("loading...")
    .LoadContentFrom("Login", "Authentication")
    .Modal(true)
    .Draggable()        
)

modal1.png is how the site looks like with the modal window

after.png is how the site looks like after I've closed the modal window

I'd like to know what is causing the design of my site to mess up?

When I looked in the page source of the code, this is causing the page to render incorrectly

<div id="window"></div><script>
jQuery(function(){jQuery("#window").kendoWindow({"modal":true,"iframe":false,"draggable":true,"title":"test","resizable":false,"content":"/login","actions":["Close"]});});
</script>

I tried removing kendoui's css from my layout page, but the result is the same.


louis
Top achievements
Rank 1
 answered on 11 Nov 2012
1 answer
127 views
it work!
thanks
Sam
Top achievements
Rank 1
 answered on 10 Nov 2012
1 answer
89 views
textbox and button on Search
On Search click grid not give Search method result  it's give all user in my User list grid.
Haresh
Top achievements
Rank 1
 answered on 09 Nov 2012
5 answers
266 views
working with a MVC4 application, and trying to get the menu to render.  

I've tried the following code, which works fine:

 @(Html.Kendo().Menu()
           .Name("menu")
           .Items(items =>
                      {
                          items.Add().Text("Item 1");
                          items.Add().Text("Item 2");
                      }
           )
)

how can I set properties other than Text?  I would like to be able to reference events by the menu item ID, which I can't seem to set through the html Helpers.
Samuel
Top achievements
Rank 2
 answered on 08 Nov 2012
5 answers
411 views
If I add JQuery 1.7.1 or 1.7.2 to the project, it fails with the following error

TypeError: jQuery("#Menu").kendoMenu is not a function

This is really strange. Even if I add the reference of JQuery 1.7.1 or 1.7.2 to the sample project provided by KENDO UI, it also fails with the same error.

Any suggestions will be appreciated.
Samuel
Top achievements
Rank 2
 answered on 08 Nov 2012
1 answer
1.1K+ views
Hello.
Ive got two comboboxes:
-first one:
@(Html.Kendo().ComboBox()
    .Name("Dim1")
    .DataTextField("Barcode")
    .DataValueField("Barcode")
    .Filter(FilterType.StartsWith)
    .DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax", "StockLocation")).ServerFiltering(true))
    .MinLength(3)
    )
-second one:
<script type="text/javascript">
    function onAdditionalData() {
        return { Barcode: $("#Dim1").val() };
    }
</script>
 
@(Html.Kendo().ComboBox()
    .Name("Dim2")
    .DataTextField("Barcode")
    .DataValueField("Barcode")
    .Filter(FilterType.StartsWith)
    .DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax", "StockLocation").Data("onAdditionalData")).ServerFiltering(true))
    .MinLength(3)
    .CascadeFrom("Dim1")
    )
Here is my read action signature:
[HttpGet]
public JsonResult GetStockLocationsForComboBoxAjax([DataSourceRequest] DataSourceRequest request, string text, string Barcode)

How can I achieve the following:
Im putting some data to Div1 and get it under text parameter. When I put something in Div2 I will get that data under text plus data from Div1 under Barcode parameter.

I hope ive described it  enough clearly.

Thanks!
Radosław
Top achievements
Rank 1
 answered on 08 Nov 2012
0 answers
122 views
I downloaded a trial for Kendo UI.  It has a grid demo which is accessed via this url.

http://localhost:8301/razor/web/grid/index

It shows you the source for the view and the controller on page.

If a developer uses the code for the controller as a guide (which I did) you run into several issues.

The Products_Read action is called from the view for Ajax calls.  However, since its not the same name as the action that displayed the view the grid is on it will instead throw an exception stating you need to use JsonRequestBehavior.AllowGet (which is highly misleading as the developer will now start going down the wrong path).  Changing this behavior will get you a page full of JSON data and no grid.

The issue is that there is no view called Products_Read... the original view with the grid is called from Index action.  The controller action for the ajax call should probably be renamed to Index and, for clarity, should also be decorated with an HttpPost attribute.

This "demo" cost me about 4 hours of time.

Dan A
Top achievements
Rank 1
 asked on 07 Nov 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
ComboBox
Upload
MultiSelect
ListView
Window
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
Dialog
MultiColumnComboBox
DropDownTree
Checkbox
Slider
Switch
Notification
Accessibility
ListView (Mobile)
Pager
ColorPicker
DateRangePicker
Security
Wizard
Styling
Chat
DateInput
MediaPlayer
TileLayout
Drawer
SplitView
Template
Barcode
ButtonGroup (Mobile)
Drawer (Mobile)
ImageEditor
RadioGroup
Sparkline
Stepper
TabStrip (Mobile)
GridLayout
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
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?