Hello,
How do change the header color, for each cards like the picture,
Thanks
Christophe
Hi,
On the roadmap page there is a "Dock Manager Component" listed, but I don't see any information on this anywhere.
Anyone have more information or an ETA on this?
Thanks
Christopher
Hello all,
I have the problem that my custom theme is not transferred to my application.
As code I copied the code from the tile layout example (https://demos.telerik.com/kendo-ui/tilelayout/index?_ga=2.175878118.554134959.1665135807-2026844688.1664867263&_gl=1*1inatwj*_ga*MjAyNjg0NDY4OC4xNjY0ODY3MjYz*_ga_9JSNBCSF54*MTY2NTE0Mjk5MS4yLjEuMTY2NTE0NDE5MS4wLjAuMA..) and adapted the linked script-sources to my paths.
After the script-sources i linked the css of my theme: (image0)
my theme has the following color scheme: (image1)
But now when I launch my application, the TileLayout looks like this: (image2)
When I use F12 to display the properties, for example of the donut chart, I see the following: (image3)
i do not understand, where the fill="#ff6800" comes from, since it is not even displayed in the style window of the F12 menu.
I can't get the problem solved, can anyone help me?
Hello,
I am doing a Django project and am creating a base.html that will be used in different pages using {% extend 'base.html'%}.
The base.html includes a Drawer and a TileLayout with only one tile (filter tile: this tile contains search filter components like datepicker, groupbutton, checkbox etc).
Then I have a file named main.html where I need to add several tiles underneath the filter tile from base.html
I was able to add several tiles to main.html but the problem is, it is not included in the Drawer component of base.html. The tiles I've added on main.html appears below the height scope of base.html
I need to include the tiles from main.html into the same Drawer of base.html
I have been trying to figure this out for several days now but is unfortunately have not found a solution. If anyone could assist, it would be really helpful.
Thank you.
Hello
I'm looking at the kendo demo on Adding and Removing Tiles.
I would like some confirmation...
When I remove an item (splice it) from main items, I have to reorder the containers from 0 to remaining items.
That seems to work fine....HOWEVER
It appears the demo wants me to recreate every widget in the tile....really?
I have toolbars and grids and charts in my tiles. It appears by using the setOptions on the containers...I am losing all this previously configured information and I now have to make countless calls out to the server again.
Why would a setoption clear all the toolbars, grids, and charts?
It seems something is restricting the vertical resizing of bottom containers. Horizontal resizing works, but vertical resizing is prevented from increasing size. Is there a fix or workaround for this?
This is evident on the demo in case samples are requested.
I am trying to use tileLayout to display the names and logos of commonly used applications.
To achieve this, I would like to have the image in the body of the card to be clickable and redirect to its respective URL. Currently I am getting an Invalid Template error.
<script id="header_@action.Id" type="text/x-kendo-template">
<a href="@action.Url">@action.Label</a>
</script>
Given the tile layout in this Dojo: https://dojo.telerik.com/AGanihOY/2
How do I prevent resizing tile 1 but allow resizing on tile 2?
I have a Kendo Panel that contains a Tile Layout. I have 2 hard-coded HTML kendo templates that display and 1 that I am using a Kendo Window which loads a view passing in a model. The 2 hard-coded ones are displayed fine, but the Kendo Window one is an empty rectangle (see PanelWithTileLayout.jpg). If I enter a URL of the Kendo Windows content source, it displays fine (see KendoWindowContentWithDirectURL.jpg). The LoadContentFrom URL is being hit on a breakpoint in the controller. I was thinking I have to open the Kendo Window in javascript somewhere, but it is not recognized in the document.ready routine, probably because it is in a child template and hasn't been created yet.
<script id="dues-remit" type="text/x-kendo-template">
@(Html.Kendo().Window()
.Name("DuesRemission")
.Width(310)
.Draggable(false)
.LoadContentFrom("_DuesRemission", "Dashboard", new { TplNum = ViewBag.TempleNumber })
.Events(events => events.Close("close"))
.Visible(true)
.ToClientTemplate()
)
</script>
<script id="members" type="text/x-kendo-template">
<div id="members-border" class="health-border">
<a class='k-button k-button-icon k-flat k-close-button'><span class='k-icon k-i-close'></span></a>
<div class="info-container">
<h3 class="temple-health-title">Membership Change</h3>
<div class="info-holder">
<div class="item-values">Percent change since last year: -0.5%</div>
<div class="item-values">Percentile against all temples: 63</div>
</div>
</div>
</div>
</script>
<script id="unapplied-payments" type="text/x-kendo-template">
<div id="unapplied-payments-border" class="health-border">
<a class='k-button k-button-icon k-flat k-close-button'><span class='k-icon k-i-close'></span></a>
<div class="info-container">
<h3 class="temple-health-title">Unapplied Payments</h3>
<div class="info-holder">
<div class="item-values">Current number of unapplied payments: 5</div>
<div class="item-values">Percentile against all temples: 47</div>
</div>
</div>
</div>
</script>
<div class="demo-section k-content container-fluid">
@(Html.Kendo().TileLayout()
.Name("temple-health")
.Columns(3)
.RowsHeight("150px")
.ColumnsWidth("510px")
.Containers(c => {
c.Add().BodyTemplateId("dues-remit").ColSpan(1).RowSpan(1);
c.Add().BodyTemplateId("members").ColSpan(1).RowSpan(1);
c.Add().BodyTemplateId("unapplied-payments").ColSpan(1).RowSpan(1);
})
.Reorderable(true)
.Resizable(true)
)
</div>
_DuesRemission.cshtml:
<div id="dues-remit-border" class="health-border">
<a class='k-button k-button-icon k-flat k-close-button'><span class='k-icon k-i-close'></span></a>
<div class="info-container">
<h3 class="temple-health-title">Dues Remission</h3>
<div class="info-holder">
<div class="col-lg-6 col-sm-6">Dues Year @Model.CurrentDuesYear</div><div class="item-values col-lg-6 col-sm-6">Percent paid as of today: @Model.PercentPaidCurrentYear</div>
<div class="col-lg-6 col-sm-6">Dues Year @Model.LastDuesYear</div><div class="item-values col-lg-6 col-sm-6">Percent paid last year: @Model.PercentPaidLastYear</div>
</div>
</div>
</div>
There are no errors in the F12 console display.