Hi Tom,
I think 4.something was the last one tested, with the SASS themes we have. If more concrete numbers are required, I could check with our front end architect to see if this information is available.
Regards,
Marin Bratanov
Progress Telerik
Hi Tom,
I think 4.something was the last one tested, with the SASS themes we have. If more concrete numbers are required, I could check with our front end architect to see if this information is available.
Regards,
Marin Bratanov
Progress Telerik
Hi Jeff,
That's the way it is done at the moment. I am not sure if the create calls for the models can be avoided even for a non-editable, non-filterable, non-sortable, non-groupable, non-pageable grid, because I am fairly sure they are needed to extract the types, default values and actual values of the data so it can be rendered.
Regards,
Marin Bratanov
Progress Telerik
Hello Chris,
Thank you for sharing your full implementation with the community. I am sure it would be of great help for other developers too. As a small token of gratitude for your effort, I have just updated your Telerik points.
Regards,
Veselin Tsvetanov
Progress Telerik
Hi Ozan,
To have the outermost Group checkbox have an effect, you will need to iterate through the items recursively. Here is an extension of the Code snippet provided by Shinu. Here is a short video for demonstration RadGrid GroupHeader Check in Multiple Level.
voidrecursive (GridItem[] children, bool isChecked)
{foreach (GridItem child in children)
{if (child is GridDataItem)
{
((child as GridDataItem).FindControl("TemplateCheckBox") as CheckBox).Checked = isChecked;
}elseif (child is GridGroupHeaderItem)
{
GridGroupHeaderItem groupHeader = child as GridGroupHeaderItem;
recursive(groupHeader.GetChildItems(), isChecked);
}
}
}
voidcheck_CheckedChanged(object sender, EventArgs e)
{
CheckBox check = (CheckBox)sender;
GridGroupHeaderItem groupHeader = (GridGroupHeaderItem)check.NamingContainer;
GridItem[] children = groupHeader.GetChildItems();
recursive(children, check.Checked);
}privatevoidCreateHeaderControls(GridItemEventArgs e)
{if (e.Item is GridGroupHeaderItem)
{
GridGroupHeaderItem item = e.Item as GridGroupHeaderItem;
DataRowView groupDataRow = (DataRowView)e.Item.DataItem;
CheckBox check = new CheckBox();
check.AutoPostBack = true;
check.ID = "CheckAll";
check.Text = "Check/Uncheck CheckBox1 column";
check.CheckedChanged += new EventHandler(check_CheckedChanged);
item.DataCell.Controls.Add(check);
}
}
Please note that the Crashing part might happend due to other reasons or code logic. You will need to double check the logic you have in code behind and ensure that there are no conflicts while looping through the items.
Kind regards,
Attila Antal
Progress Telerik
Hello Kashif,
I am not sure what are you asking for. Could you please elaborate? Are you asking how to generate the document or you just do not want to save it in a file?
I am looking forward to your reply.
Regards,
Dimitar
Progress Telerik
Hi Veselin,
This is the modification you suggested:
<
div
class
=
"form-group"
>
@Html.LabelFor(m => m.validated, new { @class = "col-md-2 control-label" })
<
div
class
=
"col-md-10"
>
@(
Html.Kendo().DropDownListFor(model => model.validated)
)
@Html.ValidationMessageFor(m => m.validated)
</
div
>
</
div
>
Here is the result:
My ASP.NET application was converted to a Telerik application and all the files are in place.
Why?
Thanks,
Alberto
Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik
Hi,
I am using the Image Browser as a standalone widget without the Editor.
Where should i put the script to hide the create folder button?
<
div
>
@(Html.Kendo().PanelBar()
.Name("panelbar")
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelbar =>
{
panelbar.Add().Text("Image Browser")
.Expanded(false)
.Content(@<
div
id
=
"imgBrowser"
/>);
})
)
</
div
>
<
script
>
$("#imgBrowser").kendoImageBrowser({
transport: {
type: "imagebrowser-aspnetmvc",
read: "/ImageBrowser/Read",
destroy: {
url: "/ImageBrowser/Destroy",
type: "POST"
},
create: {
url: "/ImageBrowser/Create",
type: "POST"
},
imageUrl: "@Url.Content("~/shared/UserFiles/Images/{0}")",
thumbnailUrl: "/ImageBrowser/Thumbnail",
uploadUrl: "/ImageBrowser/Upload",
},
change: insertImagePath
});
</
script
>
Hi Tsvetomir,
Thanks, this still didn't kinda work for me but you pointed me into the direction of cultures and as being in the UK I had to set the culture accordingly.
Regards, Alan
Let me answer my own question.
Here is what i have done & it is working.
<
div
>
@(Html.Kendo().PanelBar()
.Name("panelbar")
.ExpandMode(PanelBarExpandMode.Multiple)
.Items(panelbar =>
{
panelbar.Add().Text("Image Browser")
.Expanded(false)
.Content(@<
div
id
=
"imgBrowser"
/>);
})
)
</
div
>
<
script
>
$("#imgBrowser").kendoImageBrowser({
transport: {
type: "imagebrowser-aspnetmvc",
read: "/ImageBrowser/Read",
destroy: {
url: "/ImageBrowser/Destroy",
type: "POST"
},
create: {
url: "/ImageBrowser/Create",
type: "POST"
},
imageUrl: "@Url.Content("~/shared/UserFiles/Images/{0}")",
thumbnailUrl: "/ImageBrowser/Thumbnail",
uploadUrl: "/ImageBrowser/Upload",
},
change: insertImagePath
});
</
script
>
Hello Tim,
There is no need to add the second groups. Here is how you can change the code:
publicRadForm1()
{
InitializeComponent();var columnGroupsView = new ColumnGroupsViewDefinition();
columnGroupsView.ColumnGroups.Add(new GridViewColumnGroup("group1"));
columnGroupsView.ColumnGroups.Add(new GridViewColumnGroup("group2"));
columnGroupsView.ColumnGroups[0].Rows.Add(new GridViewColumnGroupRow());
columnGroupsView.ColumnGroups[0].Rows[0].ColumnNames.Add("column1");
columnGroupsView.ColumnGroups[1].Rows.Add(new GridViewColumnGroupRow() { MinHeight = 30 });
columnGroupsView.ColumnGroups[1].Rows[0].ColumnNames.Add("column2");
columnGroupsView.ColumnGroups[1].Rows.Add(new GridViewColumnGroupRow() { MinHeight = 30 });
columnGroupsView.ColumnGroups[1].Rows[1].ColumnNames.Add("column3");this.radGridView1.ViewDefinition = columnGroupsView;
radGridView1.Columns.Add("column1");
radGridView1.Columns.Add("column2");
radGridView1.Columns.Add("column3");
}
I hope this helps. Should you have any other questions, do not hesitate to ask.
Regards,
Dimitar
Progress Telerik
Remove kendo multiselect for kendo.all.min js file and create a custom kendo.multiselect.min.js
In my project i am using v2017 of kendo.all.min.js. but in case of kendo multiselect with server filttering , i am facing a issues while a adding custom data into the datasource. if i change a the version 2015 the multiselect are working bu other things are not working. so i want to remove mutiselect from kendo.all.min.js (v2017) and create a separate kendo.multiselect.min.js file with v2015
Hi,
I am using ImageBrowser as a standalone widget without Editor.
<
div
>
@(Html.Kendo().PanelBar()
.Name("panelbar")
.ExpandMode(PanelBarExpandMode.Multiple)
.Events(events => events
.Expand("onExpand")
)
.Items(panelbar =>
{
panelbar.Add().Text("Image Browser")
.Expanded(false)
.Content(@<
div
id
=
"imgBrowser"
/>);
})
)
</
div
>
<
script
>
$("#imgBrowser").kendoImageBrowser({
transport: {
type: "imagebrowser-aspnetmvc",
read: "/ImageBrowser/Read",
destroy: {
url: "/ImageBrowser/Destroy",
type: "POST"
},
create: {
url: "/ImageBrowser/Create",
type: "POST"
},
imageUrl: "@Url.Content("~/shared/UserFiles/Images/{0}")",
thumbnailUrl: "/ImageBrowser/Thumbnail",
uploadUrl: "/ImageBrowser/Upload",
},
change: insertImagePath
});
</
script
>
When the PanelBar is expanded & ImageBrowser is loaded, the file icon is missing. Please see the attached picture.
Can you let me know how to display the file icon?