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

I have a problem with the DDL not lining up with the other controls on the same html line. (see attached images)

Below is the entire page (in razor). I am using the default skin. If the user swaps to portrait mode, the DDL wraps the the next line, but displays covering the bottom half of the textbox. Any ideas why this does not look right in Android Chrome - but fine in IOS Safari?

TIA,

Jeff

 @(Html.Kendo().MobileView()
    .Title("Mobile Home Page")
    .Name("Index")
    .Content(@<text>
        <div>
            Address:
            @Html.Kendo().TextBox().Name("tbAddress").HtmlAttributes(new { style = "width: 100px" })
            @Html.Kendo().Button().Content("+").Name("btnExpSearch")
            @Html.Kendo().Button().Content("SEARCH").Name("btnSearch")
            @(Html.Kendo().DropDownList()
          .Name("ddlTrades")
          .DataTextField("Text")
          .DataValueField("Value")
          .BindTo(new List<SelectListItem>() {
              new SelectListItem() {
                  Text = "Plumbing",
                  Value = "1"
              },
              new SelectListItem() {
                  Text = "Electric",
                  Value = "2"
              },
              new SelectListItem() {
                  Text = "HVAC",
                  Value = "3"
              }
          })
          .Value("1")
            )
        </div>
<br />
        @(Html.Kendo().Grid<HomeController.grid_results>()
.Name("grid")
.Columns(columns =>
{
    columns.Bound(c => c.Address);
    columns.Bound(c => c.Builder);
    columns.Bound(c => c.Neighborhood);
    columns.Bound(c => c.NextStage);
    columns.Bound(c => c.NeedBy);
    columns.Bound(c => c.Hold);
}).Pageable()
.DataSource(ds => ds.Ajax().Read(read => read.Action("Jobs_Read", "Home")))
        )
    </text>)
)

Dimo
Telerik team
 answered on 03 Jun 2015
2 answers
170 views

A web application in development will be hosted on a different IIS server to the IIS server hosting the OLAP msmdpump.dll web application.

 I can get the pivotgrid working setting the OLAP web application to anonymous access, and giving the anonymous user access to the cube. However, this is not secure. Ideally we would like to be able to specify that the pviotgrid should access the web application using the application pool identity of the application (which is a domain account). Have you any ideas on how to do this?

As a last resort, how would the pivotgrid be configured when using basic authentication? How would the username and password be specified in the configuration?

 Thanks

 

AP
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 03 Jun 2015
2 answers
111 views

Hi

 Is it possible to implement Remote DataBinding for a Grid, but with the difference that when the View is rendered the Data for the first Grid-Page is also already rendered (and not loaded afterwards async) ?

 Many thanks

Giuseppe

 

gsharp
Top achievements
Rank 1
 answered on 03 Jun 2015
11 answers
1.5K+ views
Hi,
I'm having datasource as follows
MenuID MenuName ParentMenuID
1           Self             null
2           Functional   null
3           Leave          1
4           Leave Application 3
5           Delete Application 4

I have formed kendo menu like,
@model IEnumerable<ESSUserInterface.Models.Menus>
<div>
    @(Html.Kendo().Menu()
              .Name("menu")
        .Items(items =>
            {
                foreach (var item in Model)
                {
                    if (item.ParentMenuID == null)
                    {
                        items.Add()
                            .Text(item.MenuName)
                            .Items(children =>
                            {
                                foreach (var subitem in Model)
                                {
                                    if (subitem.ParentMenuID == item.MenuID)
                                    {
                                        children.Add().Text(subitem.MenuName)
                                            .Items(innerchildren =>
                                            {
                                                foreach (var grandChilditem in Model)
                                                {
                                                    if (grandChilditem.ParentMenuID == subitem.MenuID)
                                                    {
                                                        innerchildren.Add().Text(grandChilditem.MenuName);
                                                    }
                                                }
                                            });
                                    }
                                }
                            });
                    }
                }
            })
            .Direction(MenuDirection.Right)
      )
</div>

But the above will work only with 3 levels, and menu ID 5 is not visible.
How can i solve this? I have tried few for loops, and nthng worked still.
Georgi Krustev
Telerik team
 answered on 03 Jun 2015
1 answer
214 views

Hi there,

 Is there any way to Unselect a tree node?. I have a databound event which fires the below function.

function equipmentCategoryLoaded(){
            
            $(".k-item").click(function(e){
                var equipmentCategoryTree = $("#equipmentCategoryTreeView").data("kendoTreeView");
                var equipmentCategorySelected = equipmentCategoryTree.select();

                if(equipmentCategorySelected && $(e.currentTarget).attr("date-uid") == $(equipmentCategorySelected.context).attr("data-uid")){
                    equipmentCategoryTree.select($());
                }
            });
         }

 Not sure where i am going wrong.

Any help would be appreciated.

 

Many Thanks

 Arrash

Dimiter Madjarov
Telerik team
 answered on 03 Jun 2015
1 answer
212 views

Hi all

  The company I work for has added the bootstrap styling (kendo.bootstrap.css). It has caused a problem with the column menu items in the kendo grids in the app.

The columns that have enough space to display sub menus to the right work ok (when selecting the down arrow from the column header and then the Columns menu item).

However, the rightmost columns (which show the "Columns" sub menu item to the left) appear with a blue background. This causes an inconsistency with the other columns.

The lines I found to cause the issue are:

.k-menu .k-state-border-right {
background-color: #428bca;
color: #ffffff;
}

 

If I comment that out it works ok (no matter where they appear, all sub-menu items have the same background), but I do not know what else this may affect.

Is there a way to fix the bug with the rightmost column menu items?

Thanks in advance

Dimo
Telerik team
 answered on 03 Jun 2015
1 answer
198 views

Hi Team,

 We are making use of the export to pdf feature in kendo grid.

We are using virtual scroll as true and our page size is 100. But we are facing a timeout issue and web page non-responsive issue on pdf export. Our service calls for getting data to grid is really fast, it will come within 2 secs.

 

Why we are facing this issue.? Any resolution. Also I have another question in pdf generation. How kendo is generating the PDF? Is it from server side or client side?

Are we sending the html to server and generating the pdf?

 

Thanks

Kiran B

Alexander Popov
Telerik team
 answered on 02 Jun 2015
3 answers
170 views

I'm loading about 2100 items in the treeview, top tier only, using incremental load for sub tier items.  The tree takes about 20 seconds to load, which will be a pain point to the end user.  I timed the server call to actually retrieve the 2100 items to populate, and that only takes about 1 second.  The rest of the time is spent loading the treeview client side.  Is there any way to make this faster?  I realize that's a lot of items and it might be unreasonable to expect it to load in just a few seconds.

 

thanks

Kiril Nikolov
Telerik team
 answered on 02 Jun 2015
0 answers
118 views

We currently use many telerik UI components but have yet to use the scheduler.  

I was wondering if anyone has used the scheduler/gnatt to do more advanced scheduling, like setting up "production jobs" to run on any given machine in a factory.

   If the machine is "busy", we'd want a view of that and for the user to be able to drag and drop the "production job" to another machine.

 

I apologize as this is somewhat difficult to explain.  Curious if there are others who use this tool in this way.

Mike
Top achievements
Rank 1
 asked on 02 Jun 2015
1 answer
115 views

I have an application that I have been testing mostly in Firefox, but yesterday decided that I should test in IE.

The versions that I have are:
Firefox 38.0.1
Chrome 43.0.2357.81 m (64-bit)
IE 9.0.8112

The TreeView is similar to that in Method 2 of "Binding to a flat table", but with a lot more data, that I pass in as a global variable.

<div id="tree"></div>
<script>
//  This is not in the View, but is passed as a Global variable
var flatData = [
  { id: 1, parent: null, text: "Item 1" },
  { id: 2, parent: null, text: "Item 2" },
  { id: 3, parent: null, text: "Item 3" },
  { id: 4, parent: null, text: "Item 4" },
  { id: 5, parent: 1, text: "Item 1.1" },
  { id: 6, parent: 1, text: "Item 1.2" },
  { id: 7, parent: 1, text: "Item 1.3" },
  { id: 8, parent: 3, text: "Item 3.1" },
  { id: 9, parent: 3, text: "Item 3.2" },
  { id: 10, parent: 5, text: "Item 1.1.1" },
  { id: 11, parent: 5, text: "Item 1.1.2" },
  { id: 12, parent: 5, text: "Item 1.1.3" }
];
//  This is not in the View, but is passed as a Global variable
 
// tree for visualizing data
$("#tree").kendoTreeView({
  dataSource: {
    transport: {
      read: function(options) {
        var id = options.data.id || null;
 
        options.success($.grep(flatData, function(x) {
          return x.parent == id;
        }));
      }
    },
    schema: {
      model: {
        id: "id",
        hasChildren: function(x) {
          var id = x.id;
 
          for (var i = 0; i < flatData.length; i++) {
            if (flatData[i].parent == id) {
              return true;
            }
          }
          return false;
        }
      }
    }
  }
})
</script>

The TreeView looks great in Firefox or Chrome, but in IE, I just get the raw data (flatData) showing as plain text.

Any ideas would be greatly appreciated. The only option that I DO NOT have is upgrading IE.

TIA,
Bob

Dimo
Telerik team
 answered on 02 Jun 2015
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
Rating
ScrollView
ButtonGroup
CheckBoxGroup
Licensing
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
AICodingAssistant
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
+? 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?