Questions on UI for ASP.NET MVC Forum

1 answer

92 views

Is it possible to change the title of a panel bar in jquery after the control has been created?
I want to enable a user to change the title of a panelbar. The panel bar will be created, within the panelbar will be a textbox that the user can enter new title for the panelbar.

PanelBar

answered on 10 Sep 2014

1 answer

116 views

AngularJS attributes (ng-) and controllers are not working for dynamically loaded panelbar

Hello,

I'm trying to setup a panelbar that uses anglularjs library in their dynamically loaded panels. Unfortunately I was not able to make my angularjs controllers and ng attributes working in the loaded panels. The code below:

Index.cshtml
..

@(Html.Kendo().PanelBar()

.Name("panelbar")

.ExpandMode(PanelBarExpandMode.Single)

.Items(panelbar =>

{

panelbar.Add().Text("About")

.LoadContentFrom("About", "Home"); // About - Action, Home - controller

panelbar.Add().Text("Contact")

.LoadContentFrom("Contact", "Home");

})

)

About.cshtml

<script src="~/Scripts/Controllers/AboutController.js"></script>

<div ng-controller="AboutController">

{{ "this one is not working..." }}

</div>

AboutController.js

(function () {

var app = angular.module("testPanel");

var AboutController = function() {

console.log('not working as it supposed to work ');

}

app.controller("AboutController", AboutController);

}());

The Anglular controllers and attributes are working fine outside the PanelBar.
Thanks!

PanelBar

answered on 05 Sep 2014

2 answers

146 views

Toggle PanelBar

I am trying to setup a panel bar to open when clicked and closed when clicked again. I have tried everything I know to do and have tried the panelBar animation sample with the if statements but for some reason couldn't make it work. Can anyone tell me what I'm doing wrong? Here is my code:

<div id="organizer">

@(Html.Kendo().PanelBar()

.Name("panelBar")

.Animation(true)

.ExpandMode(PanelBarExpandMode.Single)

.Items(PanelBar =>

{

PanelBar.Add()

.Expanded(false)

.Content(@<div>

<div class="col-md-5">

<div class="panel-body">

<div id="employeeInfo">

<dl class="dl-horizontal">

<dt>Office:</dt>

<dd>Asheville, NC</dd>

<dt>Department:</dt>

<dd>FTG</dd>

<dt>Position:</dt>

<dd>Manager</dd>

<dt>Phone: </dt>

<dd>336-822-4442</dd>

<dt>Email: </dt>

<dd>victor.canipe@dhgllp.com</dd>

</dl>

</div>

<div class="myTable">

<div class="table-responsive">

<table class="table table-bordered table-condensed" style="margin-bottom:0px;">

<tr>

<th>Skills</th>

<th>Industries</th>

<th>Services</th>

</tr>

<tr>

<td>Language</td>

<td>Lorem Ipsum</td>

</tr>

<tr>

<td>Technology</td>

<td>JAVA</td>

</tr>

<tr>

<td>Technology</td>

<td>Access</td>

<td>Access </td>

</tr>

</table>

</div>

<div class="panel-footer">

<div class="col-md-2 col-md-push-6">

<a id="more"><i class="fa fa-info-circle"></i>More</a>

</div>

);

})

)

</div>

PanelBar

answered on 01 Aug 2014

2 answers

316 views

How to add check box in PanelBar

Hi
How to add check box in panelbar item and binding data from entity framework.

PanelBar

answered on 10 Mar 2014

1 answer

38 views

LoadContentFrom Cleans out HTML

I am calling LoadContentFrom for the panel content, but this function strips out the HTML markup on that content, and just shows the text. How do I work around that?

PanelBar

answered on 06 Mar 2014

1 answer

210 views

How to change the content of panel bar header

Hi
I am looking for the solution
for changing content of header on select event of child of previous header. I have attached file in that country and plant is there on select of country (Paris)
plant(of paris) should load accordingly.

PanelBar

answered on 06 Mar 2014

1 answer

57 views

binding panel bar database using entity framework

hi i am new telerik panel bar
can any one give me source code to bind my panel bar from database using entity framework

PanelBar

answered on 05 Mar 2014

1 answer

154 views

Load different content based on selected id

Hello,

I use a panel bar to load content from a partial view which receives an id to display some informations based on it. Is it possible to reload a pane with different id using? I want something like this:

<script>
function loadDetails(id) {
// get a reference to the panel bar
var panelBar = $("#panelbar").data("kendoPanelBar");
// reload the panel bar
panelBar.reload("#paneWithAjax", new {id = id});
}
</script>

The panel bar has a pane added with
.LoadContentFrom("ShowDetails", "Controller", new {id = id})

Regards

PanelBar

answered on 20 Feb 2014

2 answers

100 views

Grow/Shrink Width

I am an experienced asp.net web forms developer, new to the Kendo UI. I have a reasonable grasp on things, but sometimes feel I am I groping around in the dark! :-)

So here is my issue...

I have a panel bar with eight root level items, each of these containing 1-5 child items. All of these items, both parent and child contain both an image and text. I have added a toggle button to my view that will grow or shrink the width of the panel bar, depending on the button state when clicked. That much I was able to glean from various forum post. What I need to know now is how to modify the root and/or child item text when growing (restore text) or shrinking (remove text) the panel bar.

Thanks in advance for any help you can give!

Barry

PanelBar

answered on 18 Feb 2014

2 answers

44 views

Hide top leve items without children

I'm using the panelbar to display links to different internal applications that I have grouped together into several different sections on a password protected intranet.
I really like that the links for actions are not displayed when a user does not have acquitted permissions to execute them.

However I'm left with top level items without any child items that are displayed. Is there a simple way to hide the top level items without any children?

PanelBar