Telerik Forums
Kendo UI for jQuery Forum
3 answers
799 views
Hello everyone,

first of all, nice job and good luck with the development of Kendo UI. it has made our lives easier in many ways.

I am building a web application and need multi-language support in client-side. I am using Kendo UI / JQuery and for the language part i chose this library which is actually a JQuery plugin, so it should have full compatibility with Kendo UI.

So, imagine we have the following html:
<ul id="menu">
    <li lang="en"> Home </li>
    <li lang="en"> Profile </li>
     <li>
      <div id="search-box">
        <input type="text" id="searchfor" class="k-textbox" />
        <button class="k-button" id="search" lang="en">search</button>
      </div>
     </li>
     <li>
      <select id="select_lang">
       <option lang="en" value="en"> English </option>
        <option lang="en" value="gr"> Greek </option>
      </select>
     </li>
</ul>

and in javascript: 
window.lang = new jquery_lang_js();  // Create translator
$(document).ready(function() {
    $("#menu").kendoMenu();
    $("#select_lang").kendoDropDownList({
        change: onLangChange       
    });
    window.lang.run();  //start translator
                                 
    function onLangChange() {
        var value = $("#select_lang").val();
        window.lang.change(value);
        //var dropDownLanguage = $("#select_lang").data("kendoDropDownList");
        //dropDownLanguage.refresh();
    }
 });

Translations are stored in a seperate file (in our case that would be gr.js - since english is the default defined in html) in the form:
jquery_lang_js.prototype.lang.gr = {
  'Home': 'Αρχική Σελίδα',
  'Profile': 'Προφίλ',
  'World Events': 'Παγκόσμια Γεγονότα',
  'Documents': 'Έγγραφα',
  'Organizations': 'Οργανώσεις',
  'search': 'αναζήτηση',
  'English': 'Αγγλικά',
  'Greek': 'Ελληνικά'
}

The problem is: Of all the translations that should happen, only the "search" is translated... The other strings are left untouched. I thought of refreshing a Kendo element so it renders the new values, but uncommenting the two lines in onChange() function doesn't change a thing...

Any ideas?

Thank you,
fedon
Iliana Dyankova
Telerik team
 answered on 04 Mar 2013
3 answers
449 views
Hi

How is the correct way to get some return value from a modal window that contains "external" HTML loaded with the "content:" property?

in page1.html I create my window:

<div id="kw" />
    var kendoWindow = $("#kw").kendoWindow({
    content: "Page2.html",
    close: function (e) { alert('closed'); }
        });


page2.html is sometyhing like this:

<input id="number" value="123" />
<buton id="ok">OK</button>

After the window is closed, how can I access the value of #number ?

Thank you
Alex Gyoshev
Telerik team
 answered on 04 Mar 2013
1 answer
198 views
I have looked at the documentation for data binding and  i understand kendo ui supports inline(local) and remote data banding(ajax)
Given that kendo ui is built on top of javascript (jquery)  and the data formats that it expects (json,xml,odata) i think it is highly unlikely that it supports direct data binding with relational database(like oracle, db2 , mssql) directly. I am aware of some dbs like Mongo db that provide direct binding with javascript (through node.js but that is not really a client)

The only possibility i see here is routing via traditional approach i.e, a server component makes sql queries and expose the data via REST and the client(kendoui) access the REST using remote data binding. Are there any alternate ways?  Can you confirm?
Atanas Korchev
Telerik team
 answered on 04 Mar 2013
2 answers
168 views
Hi,
I attached the project (it is RTL type and I just changed the texts to English),

As you can see, the datepicker is working in the Index view (main menu page) and it doesn't within partial view called dynamically (from Run item).

Please, help a.s.a.p.

Thanks
Shabtai
Shabtai
Top achievements
Rank 1
 answered on 04 Mar 2013
1 answer
250 views
hi ,my question involves the validation of a cascade combobox.

i have a form with 3 cascade comboboxes as shown below and the second combobox is cascading from the selection of the 1st and in the same manner teh third is cascading of the second ,
The second and the third combobox is disabled till u make a selection on the first.
The problem is there are times that the second or the third data array may not match anything from the selection of the 1st combobox so they stay disabled , my issue is that the validation needs them to be completed even though they are disabled .
So my question is regardless of how many of the comboboxes are filled up is there any way to make the validation procceed?
because if i have no valid match for the second or the third combobox it doesnt proceed.
i want in the case that a selected option of the 1st combobox is filled up and theres nothing for the combobox no2 and no3. to finish the validation there.

<uL>
<li>
                                                    <label for="Text1">Χώρα</label>
                                                    <input id="Text1" class="comboInput" role="combobox" style="width:250px" required validationMessage="παρακαλώ συμπληρώστε τη {0}"/>
                                                </li>
                                                <li>
                                                    <label for="Text2" role="status">Νομός</label>
                                                    <input id="Text2" class="comboInput" disabled="disabled" style="width:250px" role="combobox" required validationMessage="παρακαλώ συμπληρώστε τη {0}"/>
                                                </li>
                                                <li>
                                                    <label for="Text3" role="status">Πόλη / Περιοχή</label>
                                                    <input id="Text3" class="comboInput" disabled="disabled"style="width:250px"  role="combobox" required validationMessage="παρακαλώ συμπληρώστε τη {0}"/>
                                                </li>
</li>

<script>
$(document).ready(function () {
                                                    $("#Text1").kendoComboBox({
                                                        placeholder: "Επιλέξτε χώρα...",
                                                        dataTextField: "CategoryName",
                                                        dataValueField: "value",
                                                        dataSource: [
                                                            { CategoryName: "Πράσινο", value: "1" },
                                                            { CategoryName: "Μώβ", value: "2" },
                                                            { CategoryName: "Κανελί με βούλες", value: "3" },
                                                            { CategoryName: "Κίτρινο", value: "4" }
                                                        ],
                                                        serverFiltering: false,
                                                    });

                                                    var products = $("#Text2").kendoComboBox({
                                                        autoBind: false,
                                                        cascadeFrom: "Text1",
                                                        placeholder: "Επιλέξτε Νομό...",
                                                        dataTextField: "ProductName",
                                                        dataValueField: "value",
                                                        dataSource: [
                                                            { ProductName: "Μπλέ", value: "1" },
                                                            { ProductName: "Πράσινο", value: "1" },
                                                            { ProductName: "Φούξια", value: "1" },
                                                            { ProductName: "Κόκκινο της φωτιάς", value: "4" }
                                                        ],
                                                        serverFiltering: false,
                                                    }).data("kendoComboBox");

                                                    var orders = $("#Text3").kendoComboBox({
                                                        autoBind: false,
                                                        cascadeFrom: "Text2",
                                                        placeholder: "Επιλέξτε Πόλη/περιοχή...",
                                                        dataTextField: "Painting",
                                                        dataValueField: "value",
                                                        dataSource: [
                                                            { Painting: "Χωρίς", value: "1" },
                                                            { Painting: "Ροζ φούσκες", value: "1" },
                                                            { Painting: "Αστέρια", value: "1" },
                                                            { Painting: "Cartoon", value: "4" }
                                                        ],
                                                        serverFiltering: false,
                                                    }).data("kendoComboBox");
                                             
});
Alexander Valchev
Telerik team
 answered on 04 Mar 2013
1 answer
165 views
I am writing an app that has a chat area in it. The text input field is in the footer and so I would like to have the newest items appended at the bottom of the list and keep the scroll position at the bottom as new messages are added to the list. All that seems straight forward but I would also like to have endless scroll load older messages as the user scroll up instead of down. Is it possible to basically flip the direction of endless scroll? 
Iliana Dyankova
Telerik team
 answered on 04 Mar 2013
1 answer
126 views
Is there a way to have a column show up in the column selector without adding that column the grid and hiding it? I have a data source with 100+ columns and only 15 are shown by default, and I want to allow the user to select the other columns if needed, but not load all 100+ columns and hide 85 of them.  The performances isn't too great with 100+ columns added.  Thanks!
Alexander Valchev
Telerik team
 answered on 04 Mar 2013
1 answer
112 views
Hello,

I am using server side paging with the datasouce, and am attempting to do some out of box paging functionality.  When I try to set the page size using ds.pageSize(X), it does a server request with the new page size.  Is there a way to tell the datasource to not do a request when setting the pageSize?  This is giving some unwanted trips to the server.

Thanks
Petur Subev
Telerik team
 answered on 04 Mar 2013
16 answers
318 views
Hi,

I've been using the scrollView for displaying photos.  I really like it but 2 things have come up.

1. It bounces a lot it almost makes it not worth while, scrolling the window up and down.
2. I can not get it to line up on the phone.  ie. the first photo sits in the middle of the phone then when you move it to the next one, it's off center as you move to more and more photos it gets worst.

thanks
Petyo
Telerik team
 answered on 04 Mar 2013
12 answers
362 views
 Hello,

I was interested in prettying up the grid a bit today, mainly by attempting to incorporate gradients into the styles...row selection, row hover, anything else would be bonus.

When plugging in the row hover I came across the following JSBin...

http://jsbin.com/ezovaw/2/edit#/ezovaw/54/edit

It is referencing your public, static stylesheets and has the exact look I was going for.

http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css
http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css

I quickly tried referencing these stylesheets myself and was pleased with the result.

I've tried pulling the stylesheets locally, but oddly, I do not get the gradients. It is only working when referencing the URIs above...

Where can I find the (version) of these stylesheets that includes the gradients in my Q3 2012 release?


Thanks for your help!
Dimo
Telerik team
 answered on 04 Mar 2013
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
Application
Map
Drag and Drop
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?