Telerik Forums
Kendo UI for jQuery Forum
2 answers
179 views
Hi,
I've been using the radial gauge and it can be quite hard to see the pointer on small gauges. I'm trying to see whether adjusting the size of the pointer 'cap' parameter will help but I can't work out how to adjust it. The online documentation states you can adjust the 'size' with a string value that is the 'size of the cap in percents'. Everything I try seems to put the browser into a hard loop. Do you have an example of how to set the cap size?

Also, does the cap size parameter just change the diameter of the central pointer cap or does it also change the width of the pointer as well (to make it more readable)?

Thanks, Ian 
Ian
Top achievements
Rank 1
 answered on 19 Apr 2012
3 answers
305 views
I have downloaded the kendo-exampled-asp-net and have the grid-wcf-crud sample working perfectly. However I am trying to move the WebService to be located remotely.

I have confirmed my remote webservice is servicing data as I can populated an asp.net GridView with the service data.

With the kendu datasource all I have done is change the url: from Products.srv/Read to http://localhost:58871/grid-wcf-crud/Products.svc/Read as per the snip it below. However the data is not populated in the grid. When I check with fiddler no calls are being made to the remote service.

read: {

                        url: "http://localhost:58871/grid-wcf-crud/Products.svc/Read", //specify the URL which data should return the records. This is the Read method of the Products.svc service.

                        contentType: "application/json; charset=utf-8", // tells the web service to serialize JSON

                        type: "POST" //use HTTP POST request as the default GET is not allowed for svc

                    },



Mark
Top achievements
Rank 1
 answered on 19 Apr 2012
0 answers
275 views
I am using Symfony2 framework and Twig template engine with kendoui. I try to use path twig function inside kendo template. Below are working and non-working codes.

When i use path twig function without parameters inside kendo template it works well.
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr>
<td>
<a href="{{ path('hedehodo') }}">
<img src="${ name }" alt="${ name }" />
</a>
</td>
</tr>
</script>

However when i use path twig function with parameters inside kendo template it doesn't work and Symfony gives "Variable "name" does not exist" error.
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr>
<td>
<a href="{{ path('hedehodo', {'name': name }) }}">
<img src="${ name }" alt="${ name }" />
</a>
</td>
</tr>
</script>

How can i make it work path function with parameters?
cascem
Top achievements
Rank 1
 asked on 19 Apr 2012
2 answers
559 views
Hello,

I'm trying to implement the grid CRUD operation using a MVC controller.  As you can see the grid vistualization is enabled and dealing with an OData web service.

<script>
    $(document).ready(function () {
        $("#grid").kendoGrid({
            dataSource: {
                schema: {
                    model: {
                        id: "RecordID",
                        fields: {
                            RecordID: { editable: false, nullable: true },
                            FirstName: { editable: true },
                            LastName: { editable: true }
                        }
                    }
                },
                type: "odata",
                serverPaging: true,
                serverSorting: true,
                pageSize: 100,
                batch: false,
                transport: {
                    read: "http://localhost:1625/Data/GetPatients",
                    create: { url: "http://localhost:1625/Data/Create", contentType: "application/json; charset=utf-8", type: "POST" },
                    update: { url: "http://localhost:1625/Data/Update", contentType: "application/json; charset=utf-8", type: "POST" },
                    destroy: { url: "http://localhost:1625/Data/Destroy", contentType: "application/json; charset=utf-8", type: "POST", dataType: "json" },
                    parameterMap: function (data, operation) {
                        if (operation !== "read") {
                            return { jsonData: kendo.stringify(data) };
                        } else {
                            return kendo.data.transports["odata"].parameterMap(data, operation);
                        }
                    }
 
                }
 
            },
            height: 500,
            scrollable: {
                virtual: true
            },
            editable: true,
            sortable: true,
            toolbar: ["create", "save"],
            columns: ["RecordID", "FirstName", "LastName", { command: "destroy"}]
        });
    });
</script>

Here's the code of the destroy method in the MVC controller:
<System.Web.Mvc.HttpPost()> _
Public Function Destroy(ByVal jsonData As List(Of Patient)) As System.Web.Mvc.ActionResult
 
    'Code to delete the record...
 
    Return Json(Nothing)
 
End Function

I think I'm close to the solution.  The Destroy method is called as expected but the jsonData parameter is always empty.  I tried several permutation ( jsonData parameter as string / Patient / List(Of Patient) / IEnumerable(Of Patient) ) without success.

I saw some examples on the web but none of them dealing with OData.

What am I missing here?

Best regards,

Simon







Simon
Top achievements
Rank 1
 answered on 19 Apr 2012
1 answer
150 views
I just discovered KendoUI and saw its feature-set to be one of the best despite it being more expensive and lacking some widgets (compared to Wijmo, for example), and I'm looking forward to buying and using it for a Web app (soon) and an Adobe AIR app (next).

Does anybody have any experience, or recommendation, about which HTML5/CSS3 Responsive Web Design Framework works best with KendoUI Web?

Any opinions (or issues, gotchas, etc.) about using:

1. Twitter Bootstrap 2.0.2
2. Skeleton, or
3. some other responsive design framework

with KendoUI Web?

Thanks in advance for any feedback.
Drew
Top achievements
Rank 1
 answered on 19 Apr 2012
1 answer
175 views
Hello,

if I want to add behaviour of the expand function, how can I do this.

function onExpand(e) {
    setTimeout(function(){ 
        $("input:first", e.item).focus();
    },1);
}

I always want this to happend when expand event is fired. Can I extend the panelBar to always have this function.
So I dont have to do it on all my pages.
Iliana Dyankova
Telerik team
 answered on 19 Apr 2012
2 answers
111 views
Hi,

Strange one this. On my Galaxy Tab when I scroll the page, any switches that have been put into the OFF or NO state flick back to ON/YES while my finger is in the swipe motion. Also, the image of Eduardo disappears for the duration of the swipe too.

Steps to reproduce :

1) On a Galaxy Tab browse to http://www.captainsjob.com/test/kendouimobile/examples/mobile/switch/index.html 

2) Change any of the switches to the OFF position

3) Swipe the screen up and down

This doesn't happen on the Dolphin browser, it happens on the default browser with Gingerbread 2.3.3. This browser lets you move a page up and down even if the entire page content is 100% visible.

Fiddling about with the switches makes the previously change switch toggle back briefly too. Probably part of the same problem.

Thanks
Gareth
Kamen Bundev
Telerik team
 answered on 19 Apr 2012
1 answer
202 views
Hi,

On my Galaxy Tab (GT-P1000, Android 2.3.3) using the default browser when I switch between tabs and then swipe to scroll down there is brief flash of the previously selected tab before the selected tab is displayed again and the scroll starts.

Steps to reproduce :

1) On a Galaxy Tab (GT-P1000, Android 2.3.3) open http://www.captainsjob.com/test/kendouimobile/examples/mobile/tabstrip/index.html 
2) Select each tab in turn a few times
3) Start a swipe down motion
4) See the previously selected tab flash on screen then revert back to the tab you were on when you started the swipe

KendoUI Mobile is going to be brilliant for me saving me lots of time and getting my product out of the door quicker than if I learned titanium/mono/sencha. I'm sure these Android issues will be ironed out I'm happy to do testing on my two android devices (HTC Wildfire S and the Galaxy Tab).

Thanks
Gareth




Kamen Bundev
Telerik team
 answered on 19 Apr 2012
0 answers
120 views
I've implemented the autocomplete component successfully to search against a list of website urls. However when I submit my form i want to submit the numerical id value of the site not the text value. Is this possible?

$("#maintSiteId").kendoAutoComplete({
                minLength: 3,
                dataTextField: "site_url",
                dataValueField: "site_id", // this doesn't seem to work and is depreciated?
                filter: "contains",
                height: 320,
                dataSource: {
                    pageSize: 20,
                    transport: {
                        read: {
                            url: "/Sites/DataJsonSites.cshtml",
                            dataType: "json",
                            type: "GET"
                        },
                        parameterMap: function(options) {
                            return $.extend(options, {
                                id: '',
                                title: $("#maintSiteId").data("kendoAutoComplete").value()
                            });
                        }
                },
                placeholder: "Select site...",
                separator: ", ",
                suggest: true
                }
            });

Input field contained within standard <form>
<input class="span6" id="maintSiteId" name="maintSiteId" style="width: 320px; margin-left: 0;"/>

Sample JSON data being used;
[{"site_id":1,"site_url":"www.mysite1.com","site_name":"my site 1"},{"site_id":2,"site_url":"www.mysite2.com","site_name":"my site 2"}]
andy
Top achievements
Rank 1
 asked on 19 Apr 2012
1 answer
210 views

hi all, new to kendo, new to json. Can't seem to get any data into a kendo.data.DataSource. Am using the new 2012 q1 mobile release and ASP.NET MVC 3. Here's my code:

js:

    // create a template using the definition on the application page (the .cshtml file)
    var templateFundingSources = kendo.template($("#template-funding-sources").html());
 
    dataSource = new kendo.data.DataSource({
        transport: {
            read: {
                url: "/Home/GetCardFundings"// the remove service url
                dataType: "json"// JSONP (JSON with padding) is required for cross-domain AJAX
 
                data: {
                    //additional parameters sent to the remote service
                    _cardId: cardID
                }
            }
        },
 
 
        schema: {
            data: "cardFunding",
            model: {
                id: "CardID",
                fields: {
                    CardID: {
                        type: "number",
                        nullable: false
                    },
                    RemainingBalance: {
                        type: "number"
                    }
                }
            }
        },
 
 
        change: function () { // subscribe to the CHANGE event of the data source
            $("#listview-card-fundings").html(kendo.render(templateFundingSources, this.view()));
        }
    });
 
 
    dataSource.read();

    //test data source to see it's defined     dataSource.add({ cardID: 4, remainingBalance: 34 });

and MVC code:

public JsonResult GetCardFundings(int _cardId)
        {
            List<CardFunding> cfs = new List<CardFunding>();
 
            CardFunding cf = new CardFunding();
            cf.CardID = 1;
            cf.RemainingBalance = 3;
            cfs.Add(cf);
 
            CardFunding cf1 = new CardFunding();
            cf1.CardID = 1;
            cf1.RemainingBalance = 3;
            cfs.Add(cf);
            return Json(cfs, JsonRequestBehavior.AllowGet);
        }

The server-side code gets called and returned, and no execptions are tripped anywhere there or in the .js.
Any help greatly appreciated.

Kendo team: Awesome job on the project. Looking forward to mastering your framework.
Rosen
Telerik team
 answered on 19 Apr 2012
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Drag and Drop
Application
Map
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?