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

how can I add a blank item at the top of TimePicker list?

 

My code looks like this,

 

function timeEditor(container, options) {
            $('<input data-text-field="' + options.field + '" data-value-field="' + options.field + '" data-bind="value:' + options.field + '" data-format="' + options.format + '"/>')
                    .appendTo(container)
                    .kendoTimePicker({
                        //interval: 15
                        //max: new Date(2000, 0, 1, 22, 0, 0) //date part is ignored
                        //min: new Date(2000, 0, 1, 8, 0, 0) //date part is ignored
                    });
        }

        $("#HoursGrid").kendoGrid({
            dataSource: {
                data: @Html.Raw(Json.Encode(Model.HoursList)),
                schema: {
                    model: {
                        fields: {
                            DealerID: {type: "int", editable: false},
                            dayNo: {type: "int", editable: false},
                            dayName: { type: "string", editable: false },
                            OpenTime: { type: "date", editable: true },
                            CloseTime: { type: "date", editable: true }
                        }
                    }
                }
            },
            //toolbar: ["save"],
            columns:[
                {   field: "dayName",          title: "Day of Week"   },
                {   field: "OpenTime",    title: "Sales Hours - Open From",  type: "date", format: "{0:hh:mm tt}", editor: timeEditor  },
                {   field: "CloseTime",   title: "Close At",                 type: "date", format: "{0:hh:mm tt}", editor: timeEditor  }
            ],
            editable: true,
            scrollable: false,
            save: function(e){
            },
            databound: DD.Kendo.AddExtraStyleToGrid // this is where the hover effect function is bound to grid
        });

Marin
Telerik team
 answered on 11 Feb 2016
7 answers
429 views

A I have a simple diagram (a vertical line of connected circles, of variable length) which I want to display in a pop-up window, to display a graphical indication of where a record is within a workflow.

I can get everything to work, except that by default the diagram has a lot of surrounding white space, that causes the windows scrollbars to show, even when the whole diagram easily fits into the visible space.

I would like to scale the diagram to always fit in the window (without showing scrollbars). I've tried using the bringIntoView method on the databound event, but this doesn't work (the API documentation doesn't give any clues as to what exactly the View area is). I would also like to keep the zoom functionality disabled.

 My current window definition is:-

 

@(Html.Kendo().Window()
    .Name("historyWnd")
    .Title("Approval History")
    .Content(@<text>
 
 
 
 
    @(Html.Kendo().Diagram()
      .Name("diagram")
      .DataSource(dataSource => dataSource
          .Read(read => read
              .Action("GetHistory", "MyVacancies").Data("vFilter")
          )
          .Model(m => m.Children("Items"))
      )
      .Editable(false)
      .Pannable(false)
      //.Zoom(0)
      .Layout(l => l.Type(DiagramLayoutType.Layered))
      .ShapeDefaults(sd => sd
          .Visual("visualTemplate")
          .Content(c => c
              .Template("#= dataItem.PositionName #")
              .FontSize(8)
              .Color("white")
          )
 
      )
      .ConnectionDefaults(cd => cd
          .Stroke(s => s
              .Color("#979797")
              .Width(2)
          )
      )
      .Events(events => events.DataBound("onDataBound"))
 
    )
 
  
 
    </text>)
    .Modal(true)
    .Visible(false)
    .Height(450)
    .Width(300)
    )

and the template is:-

 

<script>
    function visualTemplate(options) {
        var dataviz = kendo.dataviz;
        var g = new dataviz.diagram.Group();
        var dataItem = options.dataItem;
 
 
        g.append(new dataviz.diagram.Circle({
            width: 70,
            height: 70,
            fill: dataItem.Colour,
            stroke: {
                width: 0
            }
        }));
 
 
 
 
        return g;
    }
 
</script>

Thanks

Dimo
Telerik team
 answered on 10 Feb 2016
2 answers
83 views

Is it possible to enter the date without having to type the century?  It seems that 1/1/16 is not valid, you have to enter 1/1/2016.  Most of the time the century is the current one.  In fact not entering the year at all would be even better, so that the year defaults to this year.  Either of these things possible?

 

Thanks

Scott Waye
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 09 Feb 2016
2 answers
152 views

Hi , the arrow for the validation message is in the center, so if the column width is shorter than the message the arrow points to the wrong column, see image attached.  Can the arrow be moved to the left, or the message centred on the column, not left aligned?

 

THanks,

Scott Waye
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 09 Feb 2016
3 answers
639 views

Hi,

I have a Kendo Tabstrip in each tab there is a Kendo Grid and a button. A Kendo Window is suppose to open when the button is clicked. But weird thing is that in some tabs Kendo Window is opened when a button is clicked, while in others tabs the window is not opened when the button is clicked. Another problem is that initially Grid in the tab (set by SelectedIndex) can not show up. It only shows up after clicking another tab.

I attach a sample project named MVC_Controls_Kendo as well as MVC_Controls_Kendo Database to show the problems. Because of the size limit, I remove the package in the project. The package include, Kendo MVC (2015.1.429.440.Trial), MVC 4 and many others. The simplest way to recreate the solution is to create
new Telerik MVC project (name: MVC_Controls_Kendo) and select .Net 4 and ASPX (not razor), and add the source files attached.

Please add the OTPTEST.mdf in attached MVC_Controls_Kendo Database to the Data folder for SQL Server Express on the your pc and attach it in SQL management studio. Then modify the connection string in Webconfig in MVC_Controls_Kendo project and App.Config file in Data project. Currently it is:
    <add name="OTPTESTEntities" connectionString="metadata=res://*/Model3.csdl|res://*/Model3.ssdl|res://*/Model3.msl;provider=System.Data.SqlClient;provider connection string=&quot;data source=ZHANG-PC\SQLEXPRESS;initial catalog=OTPTEST;integrated security=True;multipleactiveresultsets=True;App=EntityFramework&quot;" providerName="System.Data.EntityClient" />.

Replace ZHANG-PC with your pc name. After launching the project, just click on "Action Items", which will go to ActionItems.aspx. Click any link in "Type Desc" column and it will redirect to EvaluationForm.aspx which will display a Kendo TabStrip. In each of its tab, it supposes to display a Kendo Grid defined in EvaluationFormTab.ascx. Another Kendo Grid and Kendo Window hosting it are also defined in this file.

The problem is that after initial click on "Type Desc" column, it will redirect to EvaluationForm.aspx and display a Kendo TabStrip, but the Kendo Grid that is supposed to show up doesn't. It only shows up after clicking on another tab.

Another weird problem is that while Kendo Window is opened in some tabs like "Overall", "Coaching" after "Best Practice" button is clicked, the window never opens in tab like "Governance" after "Best Practice" button is clicked. In some tabs like "IST", "Benchmarks", the window opens for 1st time and not opens for the rest of time after "Best Practice" button is clicked.

I have no idea on these problems and need your help. Thanks. 

Dimo
Telerik team
 answered on 09 Feb 2016
1 answer
573 views

Hello,

 

is it possible to create multiple range slider using Kendo UI ?

see attachement.

 

Thanks.

 

 

Helen
Telerik team
 answered on 09 Feb 2016
1 answer
179 views
When loaded with little data it was displaying marks in the value axis as 0.2,.04 and so on.  So I found I could set the .MajorUnit(1) and that made it display whole numbers.  However if I load allot of data it gets crowded.  Attached is what it looks like.  I know i can increase the .MajorUnit but how do i make it only use whole numbers in the value axis and auto scale depending on the data passed in?
Ianko
Telerik team
 answered on 09 Feb 2016
3 answers
119 views

Hi ,

I just installed Scheduler control, I am trying to start use of it but I didn't understand from where to start. I have downloaded demo apps but not able to understand how to bind my room-list to header instead of week view.

 If you have any documentation which will explain step by step about Scheduler control.

 

Thanks.

Vladimir Iliev
Telerik team
 answered on 09 Feb 2016
1 answer
167 views

If you look at the demos the filter icon has a large right margin/padding.  How do you remove it?  I want the filter to take all the available column header space.

 

Thanks

Venelin
Telerik team
 answered on 09 Feb 2016
5 answers
187 views

I would like to show a Gantt chart for 1, 2 or 3 years
Changeable via a dropdown

right now when I display the Gantt chart it shows several year

because there is tasks running over many years

how do I change the range of the view to a period

Plamen
Telerik team
 answered on 09 Feb 2016
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?