Questions on UI for ASP.NET AJAX Forum

1 answer

222 views

I have tied the items text to list box using server side programming. I want to bind the ImageURL for the list items in the Radlistbox also programmatic ally but I dont see the ImageURL property in the list of listbox properties or the properties of the item.

I know there is a we have a HTML property something like this ImageUrl ="../App_Themes/Default/Images/

I am not using the listboxitems tag here and so can not use ImageUrl ="../App_Themes/Default/Images/. Is there any way i can use the server side programming to bing the image to the text items?

<tlr:RadListBox RenderMode="Lightweight" runat="server" ID="RadListBoxSource" Height="165px" Width="100px"
AllowTransfer="true" TransferToID="RadListBox1"
ButtonSettings-AreaWidth="30px" >
</tlr:RadListBox>
<tlr:RadListBox RenderMode="Lightweight" runat="server" ID="RadListBox1" Height="165px" Width="100px"
ButtonSettings-AreaWidth="35px" AllowReorder="true" >
</tlr:RadListBox>

ListBox

answered on 31 Aug 2016

3 answers

106 views

Special characters dropdown full width

Why is not full width used here?

Editor

answered on 31 Aug 2016

1 answer

75 views

RadGridView Header Styling

Hello,

I need to style a Grid Header Name. I have a Header Name as " Amount tax included". I need to apply styles only for string "tax included" .

Could you please let me know the possible ways to achieve this.?

I have attached the image.

Thanks in advance!!

Grid

answered on 31 Aug 2016

3 answers

85 views

Standalone image manager LightWeight RadUpload issue

When using stand-alone ImageManager I keep getting the message:

Telerik.Web.UI.RadUpload with ID='upload1' was unable to find an embedded skin with the name 'Material'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

I am using Material skin, but obviously the obsolete RadUpload is stille used there?
I use LightWeight rendering but still get the message:

imageManager.Parameters("RenderMode") = Telerik.Web.UI.RenderMode.Lightweight

Editor

answered on 31 Aug 2016

2 answers

65 views

Cannot move appointment window around

We're using a custom appointment form as an AdvancedEditTemplate and AdvancedInsertTemplate

Our users want to be able to move the form around so they can see the agenda underneath.

Is there a way to achieve this?

We're on Telerik version 2016 Q2.

Scheduler

answered on 31 Aug 2016

1 answer

44 views

Best approach to use custom skins & embedded skins together

Hi,

So I am upgrading the UI of an old product that has a combination of Webcontrols and Web.UI controls. I plan to bring the older controls up to date but need to keep support and CSS for the older controls in place.
The older controls use a combination of skins and lots of bad css.
I will be using theme builder to create a custom skin and using lightweight rendering and EnableEmbeddedSkins="False" for new controls.
I have done one control so far and I am getting issues with the embedded skins overwriting my new skin using the WebResources.axd
I know I can use important to override but that's a very bad approach, especially on a large project... Is there a good approach to increase the specificity for the new skin files so all their properties are applied over the existing base properties where applicable.
I was thinking of using an ID to prefix all new skin selectors with and wrapping each updated control in a div of that id.. not 100% this is a good approach though.
eg..
#newControls .RadGrid_MyMetro{ ... }

and then give updated controls a div wrapped around it with ID="newControls" or something like that.
1. will this work throughout the project
2. Are there better approaches?

Thanks

General Discussions

answered on 31 Aug 2016

1 answer

292 views

Minify ScriptResources.axd files rendered with RadControls on aspx page.

Hello Telerik Team,

We have web application built in asp.net 4.5 with Telerik (version 2014.2.724.45) controls. We are facing performance issue with our application.

We inspected our page just to check what all size of data does it renders on a browser.

It renders about 600 KB of data on the page out of which
i) About 300kB is JavaScript
ii)About 80KB is css
and rest being the HTML that are rendered and other data that is rendered on the page.

We Bundled all our CSS and JavaScript file on the page. While tracing the content we also came through Scriptresources.axd and WebResources.axd out which WebResources are already minified.

But Script Resources file are not compressed or minified. Total size of this files is about 160KB. We tried different way of compressing or minifying them but so far didn't get any way to do this.

We would like to request you to provide a possible way where we can minify this SecriptResources.axd file.

Thanks,
Riz

General Discussions

answered on 31 Aug 2016

4 answers

390 views

Excel Like filtering doesn't fire the FilterCheckListItemsRequested Event

I am trying to implement the Excel like filtering for the RadGrid. I ran into some problems when the distinct values for each columns is not being populated against each column. When I place a breakpoint at the FilterCheckListItemsRequested event handler I found out that this is never being hit and hence the data might not have been populate. I am attaching the RadGrid code

<asp:Panel ID="Panel1" runat="server">

<telerik:radgrid id="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource" allowfilteringbycolumn="True" allowpaging="True"

enablelinqexpressions="True" allowsorting="True" headerstyle-horizontalalign="Center" headerstyle-font-bold="true"

gridlines="Vertical" showgrouppanel="true" pagesize="50" skin="Office2007" showfooter="True"

virtualitemcount="100000" AutoGenerateColumns="True" FilterType="CheckList" OnFilterCheckListItemsRequested="RadGrid1_FilterCheckListItemsRequested">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True" >

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight="500px" EnableVirtualScrollPaging="true" SaveScrollPosition="true" />

</ClientSettings>

<MasterTableView GroupLoadMode="Server" HeaderStyle-Width="170px" >

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

<ItemStyle Wrap="True" />

</MasterTableView>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:radgrid>

</asp:Panel>

The code for binding the required setting in code behind is below.


Protected Sub RadGrid1_ColumnCreated(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridColumnCreatedEventArgs) Handles RadGrid1.ColumnCreated
        Dim boundColumn As GridBoundColumn
          boundColumn = CType(e.Column, GridBoundColumn)

                boundColumn.FilterCheckListEnableLoadOnDemand = True

                boundColumn.AutoPostBackOnFilter = True

                boundColumn.CurrentFilterFunction = "StartsWith"

                boundColumn.FilterCheckListEnableLoadOnDemand = True

                boundColumn.FilterControlAltText = "Filter " & boundColumn.UniqueName

                boundColumn.DataFormatString = "{0:c}"

                boundColumn.ItemStyle.HorizontalAlign = HorizontalAlign.Right
        End If
    End Sub
   

Protected Sub RadGrid1_FilterCheckListItemsRequested(sender As Object, e As GridFilterCheckListItemsRequestedEventArgs) Handles RadGrid1.FilterCheckListItemsRequested
        Dim DataField As String = TryCast(e.Column, IGridDataColumn).GetActiveDataField()
        e.ListBox.DataSource = GetDistinctDataTable(DataField)
        e.ListBox.DataKeyField = DataField
        e.ListBox.DataTextField = DataField
        e.ListBox.DataValueField = DataField
        e.ListBox.DataBind()
    End Sub
 
    Private Function GetDistinctDataTable(DataField As String) As Object
        Dim dt As DataTable = DirectCast(Session("DataTable"), DataTable)
        Dim uniqueCols As DataTable = dt.DefaultView.ToTable(True, DataField)
        Return uniqueCols
    End Function

Can you help me as to why this event is never fired. I tried both FilterType="CheckList" and FilterType="Combined"

Filter

answered on 30 Aug 2016

1 answer

173 views

Can't get kendo grid to work in MVC without MVC wrapper

I'm building a 'sample' project in asp.net MVC for my clients to show them how to interface with our services, and i'm using kendo core which means no MVC wrappers. Basically i have the javascript:

function loadAttGrid() {

var attgeturl = "@Url.Action("_GetAttachmentListJSON", "Attachment", new { area = "MVCPlug", id = ViewContext.RouteData.Values["id"] }, null)";

var attupdateurl = "@Url.Action("_UpdateAttachment", "Attachment", new { area = "MVCPlug", id = ViewContext.RouteData.Values["id"] }, null)";

var attdeleteurl = "@Url.Action("_DeleteLogEntry", "Attachment", new { area = "MVCPlug", id = ViewContext.RouteData.Values["id"] }, null)";

$("#attgrid").kendoGrid({

dataSource: {

transport: {

read: {

url: attgeturl,

type: "GET",

dataType:"json"

},

update: {

url: attupdateurl,

type: "POST",

dataType: "json"

},

destroy: {

url: attdeleteurl,

type: "POST",

dataType: "json"

}

},

parameterMap: function (options, operation) {

if (operation !== "read" && options.models) {

return { models: kendo.stringify(options.models) };

}

},

pageSize: 10,

schema: {

model: {

id: "LogEntryGUID",

fields: {

LogEntryGUID: { editable: false },

FileName: { editable: false },

FriendlyUserName: { editable: false },

LocationString: { editable: false },

EventDescription: { editable: true },

FormattedDateCreated: { type: "date", editable: false }

}

},

selectable: false,

sortable: true,

filterable: true,

editable: "inline",

pageable: {

refresh: false,

pageSizes: false,

buttonCount: 5

},

columns: [

{ field: 'FileName', title: 'File Name' },

{ field: 'FriendlyUserName', title: 'User' },

{ field: 'EventDescription', title: 'Description' },

{ field: 'FormattedDateCreated', title: 'Date Created', format: "{0:G}" },

{

command: [

//define the commands here

{ name: "edit", text: " " },

{ name: "destroy", text: " " }

],

title: " ", width: "85px"

}

]

});

}

which works fine when using MVC wrappers, and the 'read' url for the controller looks like

public ActionResult _GetAttachmentListJSON([DataSourceRequest] DataSourceRequest, Guid id)

{

Models.ArrayOfFullLogEntry theAtts = null;

if (id != Guid.Empty)

{

theAtts = GetAttList(id);

}

return Json(theAtts.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

but it does NOT work if i change the controller to not use the wrapper, like:

public ActionResult _GetAttachmentListJSON(Guid id)

{

Models.ArrayOfFullLogEntry theAtts = null;

if (id != Guid.Empty)

{

theAtts = GetAttList(id);

}

return Json(theAtts, JsonRequestBehavior.AllowGet);

}

what do i need to change in the javascript to make this wrapper-less controller work?

Grid

answered on 30 Aug 2016

1 answer

85 views

DropDown Android-version 6 and Chrome

DropDown loses his position when enlarging the website in a mobile

Se attached image...

It works perfekt in FireFox when i enlarge the website.

ComboBox

answered on 30 Aug 2016