Questions on UI for ASP.NET MVC Forum | Telerik Forums

or

8,841 questions

1 answer

93 views

Right side pane not shown in splitter

Earlier today I ran into a problem with the application I'm working on and found the same behavior in the demo page for the splitter.

In a splitter with 2 panes, move the splitterbar between the two panes. Add a third pane to the right hand side and move the splitterbar between the second and third pane. Close the third pane and move the splitterbar between the first two panes again.

If you add a pane to the right hand side again, it will have a width of 0. The demopage will show a splitterbar on the right side, outside of the splitter-div, which allows you to adjust the width and make the thrid pane visible.

In my application, the splitter fills up the screen to the edge on the right side, so in my case, the splitbar will be invisible as well.

How can I fix this?

answered on 08 Dec 2015

3 answers

387 views

View Model Values in Grid edit Popup

I am attempting to use model values to determine which controls should be visible or not when the popup opens.

When I attempt to access the values of the model in order to decide my course of action, the values are always the same, as if the model has not been instantiated with values.

How do I access those values from the popup??

Here is the code for the popup:

@model BlueWebApp.Models.Note

<div style="height: 240px;">

<div class="editor-label">

@Html.HiddenFor(model => model.NoteID)

</div>

<div class="editor-label">

@Html.LabelFor(model => model.NoteHeader)

</div>

<div class="editor-field">

@Html.TextBoxFor(model => model.NoteHeader, new { style = "width: 80%" })

</div>

<div class="editor-label">

@Html.LabelFor(model => model.NoteText)

</div>

<div class="editor-field">

@Html.TextAreaFor(model => model.NoteText, new { style = "height: 100px; width: 80%" })

</div>

<div class="editor-field">

@Html.CheckBoxFor(model => model.NoteIsFile)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.NoteFileGuid)

</div>

<div class="editor-label">

@Html.LabelFor(model => model.NoteFileName)

</div>

<div class="editor-field">

@Html.TextBoxFor(model => model.NoteFileName, new { @readonly = "readonly" , style = "width: 80%" } )

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.NoteFileExtension)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.GroupGuid)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.ModelGuid)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.CreatedDate)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.UpdatedDate)

</div>

<div class="editor-field">

@Html.HiddenFor(model => model.UpdatedUser)

</div>

</div>

<div>

@(Html.Kendo().Upload()

.Name("files")

.Events(events => events.Success(

@<text>

function(e)

{

if(e.operation == 'upload')

{

$('#NoteFileGuid').val(e.response.guid);

$('#NoteFileGuid').trigger('change');

$('#NoteFileExtension').val(e.response.extension);

$('#NoteFileExtension').trigger('change');

$('#NoteFileName').val(e.response.fileName);

$('#NoteFileName').trigger('change');

}

else if (e.operation == 'remove')

{

$('#NoteFileGuid').val('');

$('#NoteFileGuid').trigger('change');

$('#NoteFileExtension').val('');

$('#NoteFileExtension').trigger('change');

$('#NoteFileName').val('');

$('#NoteFileName').trigger('change');

}

}

</text>))

.Multiple(false)

.Async(a => a.Save("Save", "Note")

.Remove("Remove", "Note", new { guid = Model.NoteFileGuid, extension = Model.NoteFileExtension })

.AutoUpload(true)

)

)

</div>

<br />

<script>

var model = @Html.Raw(Json.Encode(Model));

alert (model.NoteID); //Always 0

alert (model.NoteIsFile); // Always false

if(model.NoteIsFile)

{

$(".k-upload").show();

}

else

{

$(".k-upload").hide();

}

$("#NoteIsFile").change(function () {

if(this.checked) {

$(".k-upload").show();

} else {

$(".k-upload").hide();

}

});

</script>

Here is the Grid Model:

Model(m =>

{

m.Id(p => p.NoteID);

m.Field(p => p.NoteIsFile);

})

I realize that there are other similar threads, but I have not been able to deduct any reasonable solution to my issue from them.

answered on 08 Dec 2015

5 answers

338 views

Cancel dataSource.sync

Hi,

I'm using a modified version of the custom confirmation window described here.

It works very well but sometimes I need to cancel dataSource.sync for certain grids (I'm using the ASP.NET MVC server wrapper).

I tried to use the RequestStart event of the DataSource and do a e.preventDefault() but this does not works and the request reaches the server code.

Can you help me, please?

answered on 07 Dec 2015

7 answers

421 views

Parse RecurrenceRule in SQL

I'm trying to parse out RecurrenceRule in SQL to get actual occurrences. Is there a component that would do that for me? I'm trying to build a query that would return all appointment occurrences similarly DDay.iCal works in C#.

Please I've already tried Telerik's recurrenceEngine.dll and it's not working. I was told that this component only works with RAD Scheduler. Here is the thread:

http://www.telerik.com/forums/sql-reporting-display-all-recurring-appointments#CrfU3SbKNEOrM_GiLOj9Sg

answered on 07 Dec 2015

3 answers

312 views

mvc 5 c# html color individual characters of string

In c# , I am trying to set font for individual characters of string.

Below is my code that I use with Kendo Grid to display tree node text which displays some count in brackets.

Example Customer1(**20**). Here I want to bold and color count.

Name = EmpDb.Description + ((EmpDb.Cust.Count() > 0) ? "(" : "") +
((EmpDb.Cust.Count() > 0) ? EmpDb.Cust.Count().ToString() : "") +
((EmpDb.Cust.Count() > 0) ? ")" : "")

I tried below to bold, but it did not work and I got html tags in string.

Name = EmpDb.Description + ((EmpDb.Cust.Count() > 0) ? "(<b>" : "") +
((EmpDb.Cust.Count() > 0) ? EmpDb.Cust.Count().ToString() : "") +
((EmpDb.Cust.Count() > 0) ? "</b>)" : "")

Thank you.

answered on 07 Dec 2015

5 answers

700 views

Kendo Export Not working - when scrolling is enabled

I have a kendo grid within a page which is scrollable and grouped by default. While exporting data the grid data is not completely rendering. It shows only the partial data within the view. How to fix this?

answered on 04 Dec 2015

7 answers

445 views

How to make rectangle in diagram with link clikcable?

I am in the process of preparing Org Chart in MVC diagram. Everything works fine. I just need to have clickable link for every employee rectangle box in diagram.

Also, Diagram have TextBlock,image and etc. Does it have anything like LinkBlock to have link or href block to redirect to something else? please add some code for the same.

Can we have a scroll bar for the entire diagram to go left and right and top to bottom. Please add some code snippet to scroll the diagram to see all the people instead of zoom by default.

Here is my rectangle that I need to have clickable link.

g.append(new dataviz.diagram.Rectangle({
width: 320,
height: 125,
stroke: {
width: 0
},
fill: {
gradient: {
type: "linear",
stops: [
{
color: dataItem.ColorScheme,
offset: 0,
opacity: 0.5
}, {
color: dataItem.ColorScheme,
offset: 1,
opacity: 1
}
]
}
}
}));

answered on 04 Dec 2015

1 answer

181 views

MVC Grid empty row template - server binding

Hello,

I'm trying to use empty row template in server model binding and it does not work. Using Ajax call for collection everything works ok. It is possible to define empty row template for server binding.

Cheers,

Marcin Kurtz

answered on 04 Dec 2015

3 answers

591 views

Dynamic Scheduler Width

Hi again, another question for scheduler.

In setting up scheduler, I am running into a problem with the width of my events. I have a large number of events that I would like to display.

It looks like the Scheduler gets its size based on the number of events, and a slot size determined by the client browser.

What I would like to achieve is in week view, I would like to set the event width to a fixed size of 125px, then have scheduler calculate column widths off of this value.

What is happening is that on week view, if a day has 30 people scheduled, the events are so thin they can't be seen. I'd like to set them to a fixed width and have scheduler stretch to accommodate it.

I can achieve something similar with CSS by using:

.k-event {

font-size: 12px !important;

}

.k-scheduler-layout {

table-layout: fixed;

overflow: -moz-scrollbars-horizontal;

}

.k-scheduler-layout > tbody > tr > td:first-child

{

width: 85px;

}

.k-scheduler-weekview .k-scheduler-content .k-scheduler-table,

.k-scheduler-weekview .k-scheduler-header .k-scheduler-table {

min-width: 25200px !important;

}

But that isn't a real fix, as if my schedule grows to accommodate more individuals I will run into bleeding of events into another day (display issue), and on days with light scheduling, I have a lot of white space that looks bad.

answered on 04 Dec 2015

3 answers

105 views

Preventing Filter Row from Autoformatting on Blur

Steps to reproduce...

1. Any old datagrid with a filter row enabled

2. Go to any numeric columns and enter a value in the filter field

3. Blur the field (tab out or click anywhere) the value

4. The value entered in the filter column is reformatted.

---

I was trying to filter my grid with a record number of 571339. It is just an int in my view model -- not formatted as Currency. When I tab out of the grid, it reformats it to 571,339.00. It's not breaking anything, but it's annoying one of my vocal customers.

How can I initialize my grid in MVC to not reformat numeric values to currency?

answered on 04 Dec 2015

Top users last month