Questions on UI for ASP.NET AJAX Forum

1 answer

84 views

Radgrid edit

Hi,

I have two roles in my application. user and manager. User has to fill 5 columns in a grid and submit request. For manager, when he enters, grid has to display all values entered by user and also has to be additional column (6th column) to enter his comments across each row of grid and approve/reject.

In short, one column of grid has to be in edit/update mode and other columns has to be in read-mode.

Please throw some light on this how to proceed.

Am using C# for coding.

Thanks,

Hari

General Discussions

answered on 03 May 2016

1 answer

292 views

RadTooltip is not showing when the html code is generated in code behind

Hi,

I am using RadTooltip to show some additional info inside a RadGrid cell. The tooltip is showing fine when the page loads. I have a scenario where on some user action, the grid data will change. So I am doing this using a service. The service will load the grid (ascx) in code behind and send back the html code. The html code contains the tool tip with some differences in it. Not sure why it is behaving like this ? The telerik classes not getting applied.

On Load

<div style="position: absolute; z-index: 8000; visibility: hidden; left: 227px; top: 542px; display: none;" unselectable="on" class="RadToolTip RadToolTip_Default rtVisibleCallout rosterPopup rtShadow rtRoundedCorner" id="RadToolTipWrapper_ctl00_PlaceHolderMain_ctl00_ctl00_TelerikRosterGridView_ctl00_ctl05_RadToolTipLastName"><div class="rtRelativeWrapper"><span style="visibility: visible;" class="rtCallout rtCalloutTopLeft"> </span><div class="rtContent"><div><div><p>Tooltip content</p></div></div></div></div></div>

Code behind

<div style="display:none;position:absolute;" id="ctl00_TelerikRosterGridView_ctl00_ctl07_RadToolTipLastName" class="rosterPopup"><div><p>Tooltip content</p></div><input id="ctl00_TelerikRosterGridView_ctl00_ctl07_RadToolTipLastName_ClientState" name="ctl00_TelerikRosterGridView_ctl00_ctl07_RadToolTipLastName_ClientState" type="hidden"></div>

Thanks

Kumaran

ToolTip

answered on 03 May 2016

0 answers

78 views

load a grid depending on the click of a dropdown list

Hi,

i am new at developping in ASP.net using Kendo UI.

I have two grid and i want to load one of them depending on the choice of the dropdown list.

i mean, if the user choose Externe in the dropdown list, the grid with the externalentrepriseviewmodel should be loaded. Else the grid with the internalentrepriseviewmodel should be loaded.

Don't know how to do it. Please help me.

here is my view code:

001.@model DGBFIP.SDP.ViewModel.Areas.Repository.Entreprise.EntrepriseViewModel

002.@using DGBFIP.SDP.ViewModel.Areas.Repository.Entreprise

003.@{

004.

005. Layout = "~/Views/Shared/_Layout.cshtml";

006.}

007.

008.

009.@Html.HiddenFor(model => model.Id)

010.@Html.HiddenFor(model => model.CurrentUserId)

011.

012.@Html.LabelFor(model => model.type)

013.@Html.Kendo().DropDownListFor(model => model.type).DataTextField("Text").DataValueField("Value").DataSource(source =>

014.{

015. source.Read(read =>

016. {

017. read.Action("GetType", "Enterprise", new { area = "Repository" });

018. });

019.

020.}).HtmlAttributes(new { style = "width: 75%" }).OptionLabel("Choisissez le type d'entreprise")

021.

022.@(Html.Kendo().Grid<ExternalEntrepriseViewModel>()

023. .Name("grid")

024. .AutoBind(false)

025. .Columns(columns =>

026. {

027. columns.Bound(c => c.Id).Visible(false).Hidden(true);

028. columns.Bound(c => c.CurrentUserId).Visible(false).Hidden(true);

029. columns.Bound(c => c.type);

030. columns.Bound(c => c.Name);

031. columns.Bound(c => c.telephone);

032. columns.Bound(c => c.fax);

033. columns.Bound(c => c.email);

034. columns.Bound(c => c.continent);

035. columns.Bound(c => c.pays);

036. columns.Bound(c => c.address);

037. columns.Command(command => { command.Edit().Text("Modifier").UpdateText("Enregistrer").CancelText("Annuler"); command.Destroy().Text("Supprimer"); }).Width(250);

038. })

039.

040. .ToolBar(toolbar => toolbar.Create().Text("Ajouter une entreprise externe")) @*Ajout du bouton ajouter un type de financement*@

041.

042..Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("_entrepriseexterne").Window(x => x.Title("Editer .....")))

043. .Scrollable()

044. .Sortable()

045. .Filterable(x => x.Mode(GridFilterMode.Row))

046. .Pageable(pageable => pageable

047. .Refresh(true)

048. .PageSizes(true)

049. .ButtonCount(5))

050. .DataSource(dataSource => dataSource

051. .Ajax()

052. .Model(model => model.Id(p => p.Id))

053. .Read(read => read.Action("GetAll", "Enterprise", new { area = "Repository" }).Data("AdditionalData"))

054. .Create(create => create.Action("Create", "Enterprise", new { area = "Repository" }))

055. .Destroy(delete => delete.Action("Destroy", "Enterprise", new { area = "Repository" }))

056. .Update(update => update.Action("Update", "Enterprise", new { area = "Repository" }))

057.

058. .PageSize(20)

059. )

060.)

061.

062.@(Html.Kendo().Grid<InternalEntrepriseViewModel>()

063. .Name("grid2")

064. .AutoBind(false)

065. .Columns(columns =>

066. {

067. columns.Bound(c => c.Id).Visible(false).Hidden(true);

068. columns.Bound(c => c.CurrentUserId).Visible(false).Hidden(true);

069. columns.Bound(c => c.type);

070. columns.Bound(c => c.Name);

071. columns.Bound(c => c.telephone);

072. columns.Bound(c => c.fax);

073. columns.Bound(c => c.email);

074. columns.Bound(c => c.province);

075. columns.Bound(c => c.address);

076. columns.Bound(c => c.rccm);

077. columns.Bound(c => c.statistic);

078. columns.Command(command => { command.Edit().Text("Modifier").UpdateText("Enregistrer").CancelText("Annuler"); command.Destroy().Text("Supprimer"); }).Width(250);

079.

080. })

081.

082. .ToolBar(toolbar => toolbar.Create().Text("Ajouter une entreprise locale")) @*Ajout du bouton ajouter un type de financement*@

083.

084..Editable(editable => editable.Mode(GridEditMode.PopUp).TemplateName("_entrepriselocale").Window(x => x.Title("Editer .....")))

085. .Scrollable()

086. .Sortable()

087. .Filterable(x => x.Mode(GridFilterMode.Row))

088. .Pageable(pageable => pageable

089. .Refresh(true)

090. .PageSizes(true)

091. .ButtonCount(5))

092. .DataSource(dataSource => dataSource

093. .Ajax()

094. .Model(model => model.Id(p => p.Id))

095. .Read(read => read.Action("GetAll", "Enterprise", new { area = "Repository" }))

096. .Create(create => create.Action("Create", "Enterprise", new { area = "Repository" }))

097. .Destroy(delete => delete.Action("Destroy", "Enterprise", new { area = "Repository" }))

098. .Update(update => update.Action("Update", "Enterprise", new { area = "Repository" }))

099.

100. .PageSize(20)

101. )

102.)

103.<style>

104. #grid {

105. display: none;

106. }

107. #grid2 {

108. display: none;

109. }

110.</style>

General Discussions

asked on 03 May 2016

3 answers

157 views

Problem with google Font Names

Hi,

Will editor supports Google fonts "Roboto" and "Playfair Display" ? We already add this fonts to editor font name collections

I have downloaded and add this font to my machine, but still when i select this font in editor font dropdown the selected text not changed.

Is there any way to embed this fonts to Radeditor instead of installing in client machine.

Thanks.

Editor

answered on 03 May 2016

1 answer

144 views

Does the Diagram control support drawing "SQL-like" diagrams ...

I am looking for controls that will enable me to easily draw diagrams that are like SQL relationships. Basically with each object having a title (table name), and having multiple properties under it (like table columns). And then I want to link the properties in one object to a property in another object (like SQL links). similar to the attached image.

Do the Telerik controls support this type of view?

Diagram

answered on 02 May 2016

8 answers

282 views

Previously selected MenuItem not losing focus

Hi,

On click of one of the RadMenuItems, I'm opening Radwindow to display another page, whereas other Menu items redirect user to different page. The issue I'm facing is when I click on that Menuitem to open RadWindow, previously selected MenuItem still remains highlighted.
As a result it shows both menu items highlighted.

Let me know how I can fix this.

Thanks,
Priyank

Menu

answered on 02 May 2016

5 answers

165 views

LoadDockLayout, Error in example ??

Hello.

I try use example of loadDockLayout in this link : http://www.telerik.com/help/aspnet-ajax/dock_serversideloaddocklayout.html but
i receive one error that deserialize is not a member of system.web.httpcookie on this line :

Dim state As DockState = dockState.Deserialize(states(i))

have other example to save and restore state of docklayout ?

Thank you

Dock

answered on 02 May 2016

3 answers

199 views

IE 11 not rendering RadButton BackColor or as transparent

I'm using a RadButton and trying to get the button background to transparent. I am using an image on the button. In Chrome it displays as expected but in IE 11 it does not display properly. I am using Telerik version 2014.1.225.40.

.rbClearButton

{

background-color: transparent !important;

border: none !important;

color: #000 !important; /* optional, depending on the background */

}

RadButton rb = new RadButton();

rb.Icon.PrimaryIconUrl = "~/Styles/images/alarm_red.png";

rb.ToolTip = "Alarm";

rb.CssClass = "rbClearButton";

//rb.BackColor = Color.Yellow;

Button

answered on 02 May 2016

1 answer

270 views

RadComboBox loosing its value in postback

I am using a RadComboBox inside RadGridColumn. RadGrid is binded with a SQL Data Source. and RadCombobox is also associated with a SQLDataSource. In the insert or edit more, It has a selected index changed method associated with it which in turn gives values to another dropdown (Cascades ). This piece is working fine.

My problem starts when I try to insert or edit record. Somehow the first radCombobox Looses its value and is always getting reset at first item while saving. !!

Can you suggest why is this happening.

i have wasted hours in debugging and couldn't find the cause yet. !!

Any help is appreciated.

--Code for Selected index changed which cascades another drowdown

Protected Sub rcbProviders_SelectedIndexChanged(sender As Object, e As RadComboBoxSelectedIndexChangedEventArgs)

Dim editedItem As GridEditableItem = TryCast(TryCast(sender, RadComboBox).NamingContainer, GridEditableItem)
Dim providerCombo As RadComboBox = TryCast(sender, RadComboBox)
Dim programCombo As RadComboBox = TryCast(editedItem("ProgramName").FindControl("rcbPrograms"), RadComboBox)
programCombo.DataSource = GetProgramsForSelectedProvider(e.Value)
programCombo.DataBind()
End Sub

--Code to save the record

Try
Dim ddlProvider As RadComboBox = CType(e.Item.FindControl("rcbProviders"), RadComboBox)
Dim ddlPrograms As RadComboBox = CType(e.Item.FindControl("rcbPrograms"), RadComboBox)
Dim ddlLevel As RadComboBox = CType(e.Item.FindControl("rcbEducationLevel"), RadComboBox)
Dim startDate As String = Request.Form(e.Item.FindControl("radStartDate").UniqueID)
Dim endDate As String = Request.Form(e.Item.FindControl("radEndDate").UniqueID)
Dim str As String = String.Empty

EducationDetailsGE.SetValue("InstitutionID", ddlProvider.SelectedValue)
EducationDetailsGE.SetValue("EducationFieldID", ddlPrograms.SelectedValue)
EducationDetailsGE.SetValue("EducationLevelID", ddlLevel.SelectedValue)
EducationDetailsGE.SetValue("StartDate", startDate)
EducationDetailsGE.SetValue("EndDate", endDate)
If PersonGE.Save(str) Then
LoadGrid()
Else

End If

Catch ex As Exception

End Try

Grid

answered on 02 May 2016

3 answers

368 views

Clearing EditIndexes in RadGrid

I need to refresh a radgrid after updates to the database from a popup window. However, when there is a row in the radgrid in the parent window which is in edit mode, the radgrid does not refresh. I tried this so there will not be any rows in edit mode in the radgrid so it can refresh:

While RadGridEmpData.EditIndexes.Count > 0

RadGridEmpData.EditIndexes.Clear()

RadGridEmpData.Rebind()

End While

but the EditIndexes.count is always zero. Can I refresh the radgrid even if there is a row in edit mode? If not, then how can I clear any rows in edit mode in the rad grid?

Thanks!

Suresh

Grid

answered on 02 May 2016