Telerik Forums
UI for ASP.NET MVC Forum
2 answers
203 views
I am working with the grid view popup editor using MVC. I was able to widen the Default popup editor Default window to Size 700px. The Update and Cancel button is currently still in the Default location. How is it possible to get them to move.
CC
Top achievements
Rank 2
 answered on 09 Oct 2013
3 answers
343 views
I have my popup editor working great until I add in a grid to the editor.

My editor template consists of a tab control and the second tab has a grid embedded in it.
As soon as I put the grid in, the popup window no longer pops up but rather displays inline with the host grid and the tabs are not clickable. I remove the grid from the second tab in the popup and popup pops up again and works as expected.

Is there a specific design pattern to be adhered to when using a customer popup editor the contains a grid?
Alexander Popov
Telerik team
 answered on 09 Oct 2013
4 answers
95 views
Hi,

I am thinking about buying Kendo UI Complete for ASP.NET MVC . But there's a absolute no-go:

When using KendoUI Grid (Inline Editing demo: http://demos.kendoui.com/web/grid/editing-inline.html) with an Entity that has a lot of properties, KendoUI is serializing ALL properties (even EntityKey and EntityState) into the HTML source (inside a <script>-Tag).
When providing the data via the constructor, - even worse! - ALL values are rendered into the HTML code. 

I am about to display 10 out of 20 properties. The remaining 10 properties shouldn't be visible in ANY WAY to the user because
1. The User doesn't have to know the full database table structure
2. Some data depend on the user's rights, but being rendered into the html source, it would be possible for everyone to see everything.

Is there a way to tell Html.Kendo().Grid() just to touch the properties needed?!

Regards,

AncientGrief

Additional Info:
Kendo UI version => 2013.2.918
OS => Windows 7/8
exact browser version => Chrome latest
AncientGrief
Top achievements
Rank 1
 answered on 09 Oct 2013
3 answers
378 views
I have installed this VSExtension through the Extension Manager in VS2010.  When I attempt to create a new Kendo Project the dialog box doesn't allow me to select an assembly or a theme, and therefore doesn't enable the next button to continue.

Nathan Manning
Huntsville, AL
eren
Top achievements
Rank 1
 answered on 09 Oct 2013
1 answer
71 views
Hi,

I'm trying to run your demo application on Mono but I have inconsistencies with the various assembly version. Before looking further into this, two questions.

1. Is it correct that the Kendo UI MVC Extension should run on Mono? If yes, which version on Mono is required? Should Mono 3.0.3, the version by default installed with openSuse 12.3 be a correct version to use?

2. At the moment, I just want to have a demo running on Mono of some MVC extension (Grid, Menu) to be able to prove the useablity of this solution to the decision makers. So if you have any running demo on Mono, this can for sure already helps me a lot,

Thanks

Thierry Van Schoote

Alexander Popov
Telerik team
 answered on 09 Oct 2013
1 answer
158 views
In the Kendo Grid below, I set the page size attribute to five - PageSize(5)

However, after inserting the 6th & 7th records, clicking  the 'Next' arrow doesn't take me to the second page.
In fact, none of the Paging buttons work - i don't have the ability to page through my data. Can you help?

I'm not reading data from a database - I just want to insert records into the grid that gets saved into a
temporary Dictionary<string, bool> variable and see if the paging works.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Discontinued);
columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172);
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Pageable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.ProductID))
.Create(update => update.Action("EditingInline_Create", "Grid"))
.Update(update => update.Action("EditingInline_Update", "Grid"))
.Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
)
)
Vladimir Iliev
Telerik team
 answered on 08 Oct 2013
1 answer
8.5K+ views
Hi,

I use Kendo UI ASP.NET MVC with VB.NET and jquery for client validation. My question is:
How I can format the date into ‘dd.mm.yyyy’. I also want to use the @Html.EditorFor() and the client validation.

Setting up the Model:

<DataType(DataType.[Date],
ErrorMessage:="Datumsformat ungültig")>
<DisplayFormat([ApplyFormatInEditMode]:=True,
[DataFormatString]:="{0:dd.MM.yyyy}")>_
Public Property Geburtstag As Nullable(Of DateTime)


Setting up the View:

         <td class="editor-label" style="width: 100px">
            @Html.LabelFor(Function(model) model.Geburtstag)
        </td>
        <td class="editor-field">
            @Html.EditorFor(Function(model) model.Geburtstag)
            @Html.ValidationMessageFor(Function(model) model.Geburtstag)
        </td>

 The client validation doesn’t accept the format ‘dd.MM.yyyy’ only the ‘dd/MM/yyyy’ format.

How I can overwrite the client validation for the date format?

I suppose the validation is in a jquery file.

Thanks for help







Alexander Popov
Telerik team
 answered on 08 Oct 2013
3 answers
67 views
Hi, 

We stumbled upon a limitation of the grid and we'd like to suggest a fix.

The problem has to do with the grid and a custom field inside of it in inline editing grid (I haven't tested cell editing, but it's most likely the same). If we use, say, a DropDownList editor, the initial value will not be set. 

The issue is that if we have a dropdownlist with an initial value, the user could leave it at that and submit the row. However, since the initial value was never changed, we'd be getting a "null" instead. 

Our solution was to trigger the "change" event on the dropdown, which was enough to update the value into the grid's datasource.

I feel like this is unclear, so here's a jsfiddle : http://jsfiddle.net/jni_/3G7FK/
In the editor, I added a "see value" link that reads from the grid datasource. Add an item and click on it. You'll see that it alerts a 0. Change to value, and you'll be set. In edition mode, this is not a problem  either. 

Simply firing an initial "change" event will force the initial value to be taken into account. 

Thanks,
Jni

PS : I'm sorry - I didn't realize there was a "grid" forum separate from the asp.net mvc grid. Can you please move it?
Petur Subev
Telerik team
 answered on 08 Oct 2013
1 answer
117 views
I have a simple Kendo grid with inline editing capabilities that I want to tie to a Pie chart.
Basically, when I update the value of a certain row[column] in the grid, I want the Pie chart
to reflect the change and redraw immediately. How can I do that?

The data for the grid is saved to a List<ProductViewModel>. 
Alexander Popov
Telerik team
 answered on 07 Oct 2013
1 answer
136 views
Good morning.
I have a question.
What will be the approach to use the tab strip in order to programitally create the tabs and inside them have custom urls that are also set on the server side.
Right now  my controller is returning a tab object that contains the information
 public class Tab
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Url { get; set; }
        public bool Visible
        {
            get;
            set;
        }

        public string UserName{ get; set; }

        public Tab()
        {
            Visible = true;
        }
    }


@model List<Tab>
@(Html.Kendo().TabStrip()
    .Name("tabstrip") 
    .BindTo(Model,(item,category)  =>
    {
        item.Text = category.Name;
    })
    
So how do i map the content url of the tabs. I say content because the html is retrieved as the user clicks on the tabsand not all at once.

    
Daniel
Telerik team
 answered on 07 Oct 2013
Narrow your results
Selected tags
Tags
Grid
General Discussions
Scheduler
DropDownList
Chart
Editor
TreeView
DatePicker
Upload
ComboBox
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
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
Rating
ScrollView
ButtonGroup
CheckBoxGroup
NavBar
ProgressBar
QRCode
RadioButton
Scroller
Timeline
TreeMap
TaskBoard
OrgChart
Captcha
ActionSheet
Signature
DateTimePicker
AppBar
BottomNavigation
Card
FloatingActionButton
Licensing
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?