Telerik Forums
Kendo UI for jQuery Forum
1 answer
242 views
I added Kendo grid with toolbar inside kendo panelbar.I am getting white background color inside dropdown items after changed the background color to black.I changed panel bar backgroundcolor and grid background colors.
Even though I am getting white background color.

Could you please give suggestion on this.
Bernard
Top achievements
Rank 1
 answered on 08 Nov 2012
2 answers
141 views
Trying to figure out a good strategy for building similar GUI to this.
https://www.mint.com/how-it-works/anywhere/ipad/

The main target in this case is actually Android Tablets but both would work.

My main headache is how to layout items within one view so they stack as nicely as in this example. I would like to mix Charts with lists etc.

I suspect it would be easier with Web but then I can't really make native app out of it, can I?

All ideas are welcome.
Marcus
Top achievements
Rank 1
 answered on 08 Nov 2012
2 answers
572 views
Hello,

I am currently migrating from Telerik MVC, and I haven't found the answer for my problem in the migration documents. 

I have a treeview which originally used the OnDataBinding event, which I have now mapped to the RequestStart event of the datasource. Now, in my javascript handler, i originally had something simliar:

onDataBinding: function(e) {
e.preventDefault();
var div = $(e.target).closest(MyDivSelector); ... } Since originally it was a jquery event object, i was able to check the e.target for the html element of the sender. However, with Kendo events, I don't find anything similar (inside e.sender). What can I use to get the html element of the sender?
Dino
Top achievements
Rank 1
 answered on 08 Nov 2012
0 answers
111 views
Hello,
is there a way to programmatically select a menu item on menu load?
I mean something like that: after the kendoMenu has been initialized I would like to invoke the "select" event on an item.
Is it possible?

I am using a custom function:

navigationMenu_selectItem("myPage");

function navigationMenu_selectItem(id) {
$("#navigationMenu").find("#" + id).addClass("k-state-selected");
$("#contentPane").load("pages/" + id);
}

Is there a better/simpler way?
Thank you!
Matteo
Top achievements
Rank 1
 asked on 08 Nov 2012
1 answer
366 views
$("#selectCategory").kendoDropDownList({
dataTextField: 'Name',
dataValueField: 'Id',
dataSource: data
});
var selectCategory = $("#selectCategory").data("kendoDropDownList");
s
electCategory.dataSource.read();
selectCategory.refresh();
Jayesh Goyani
Top achievements
Rank 2
 answered on 08 Nov 2012
1 answer
125 views
Hello.
Ive got two comboboxes:
-first one:
@(Html.Kendo().ComboBox()
    .Name("Dim1")
    .DataTextField("Barcode")
    .DataValueField("Barcode")
    .Filter(FilterType.StartsWith)
    .DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax","StockLocation")).ServerFiltering(true))
    .MinLength(3)
    )
-second one:
<script type="text/javascript">
    function onAdditionalData() {
        return { Barcode: $("#Dim1").val() };
    }
</script>
 
@(Html.Kendo().ComboBox()
    .Name("Dim2")
    .DataTextField("Barcode")
    .DataValueField("Barcode")
    .Filter(FilterType.StartsWith)
    .DataSource(action => action.Read(read => read.Action("GetStockLocationsForComboBoxAjax","StockLocation").Data("onAdditionalData")).ServerFiltering(true))
    .MinLength(3)
    .CascadeFrom("Dim1")
    )
Here is my read action signature:
[HttpGet]
public JsonResult GetStockLocationsForComboBoxAjax([DataSourceRequest] DataSourceRequest request, string text, string Barcode)

When im putting some data in Dim1 ComboBox its sending it to controller with no problem, the child combobox (Dim2) becoming enable and everythings ok. But when Im starting to putting data in second combobox (Dim2) its sending only the parent data (Barcode from Dim1) and no Dim2 data:/ 
When im putting data in Dim2 I want to have Dim1 data under "Barcode" parameter and Dim2 data under "text" parameter.
What am I doing wrong?
Please help me!
I hope ive described it  enough clearly.

Thanks!
Radosław
Top achievements
Rank 1
 answered on 08 Nov 2012
3 answers
1.7K+ views
Hi,

I am having a list view with multiple details.Each detail contains a check box in the display view and in the header there will
be another check box  when ever i am selecting the header check box i have to select all the list views and then we have to do 
particular action like save or delete, that means i have to delete or save multiple values in the list view.simply whenever i am selecting the top select box i have to select the all the list views which will have check boxes and we have to do particular action regarding all the values.
I hope you understand my question.
Please provide me an example or sample


Thanks and Regards,
Srinivas
Volodymyr
Top achievements
Rank 1
 answered on 08 Nov 2012
0 answers
102 views
I am just wondering if you can use the Web version to make a PhoneGap enabled application or do
you have to create it with the Mobile libraries?

The reason I wonder is because I need more "freeform" layout possibilities to create similar apps to your Stockwatch sample, that work "native" in Android Tables.

Thanks in advance,
Marcus
Marcus
Top achievements
Rank 1
 asked on 08 Nov 2012
2 answers
264 views
Hi,

Are there any demos aimed at creating a Kendo ASP.NET MVC 4 website that supports both web and mobile (presumably by detecting the browser and/or screen)?  I realize this is typically a server-side issue, but am wondering if there is anything in Kendo that facilitates this dual client development or whether there are proven strategies the people have used when employing Kendo with ASP.NET MVC 4 for a web and mobile website?

thanks,
Derek

Krishna
Top achievements
Rank 1
 answered on 08 Nov 2012
0 answers
406 views
Hi,

I ran in some cross browser compability issues with the placeholder property. Apperently this is because Internet Explorer up to version 9 cannot handle the "placeholder" attribute correctly.

Issues were:
  1. In Internet Explorer the color of the placeholder text was equal to the color of the text typed in the input field, all other browsers showed the placeholder in light grey.
  2. When clicking in the field the placeholder would not disappear in browsers like Firefox for example, but simply changed color to the normal input color. It only disappeared as soon as you started typing. IE, however, removed the placeholder text as soon as the input field is clicked in and shows the user a empty input field, which was my desired behaviour.

To fix these issues i came up with some event handlers that can be easily attached to your autocomplete setup script plus two lines browser specific of CSS code.

JS Autocomplete setup code:

$("input.autoComplete")
        .kendoAutoComplete({...})
        .focusin(function () {         
            //If IE the placeholder will be hidden, but typed text
// would be in the placeholders colour, so change it here to your normal
// input color
            if ($.browser.msie === true) {                 $(this).css('color''black');             }         }).focusout(function () {             //If IE and the value is empty, the placeholder will be shown;
// make sure it has the right colour
            if ($.browser.msie === true && $(this).val() === '') {                 $(this).css('color''#6d6d6d');             }                }).ready(function () {             var el = $("input.autoComplete");             var value = $(el).val();             if (value !== $(el).data('kendoAutoComplete').options.placeholder) {                 //every browser except IE return empty value if input is empty
// but placeholder is shown
                if (value !== '') {                     $(el).css('color''black');                 }             }  else {                 //if IE change color for your place holder;                 if ($.browser.msie === true) {                     $(el).css('color''#6d6d6d');                 }             }         });

CSS Code:
/*This will make the placeholder invisible in Gecko/WebKit browsers on focus*/
input:focus::-webkit-input-placeholder { colortransparent !important; }
input:focus:-moz-placeholder {colortransparent !important; }


I hope the code helps others, with the same cross browser issues.

Joachim
Top achievements
Rank 1
 asked on 08 Nov 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
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
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?