Telerik Forums
Kendo UI for jQuery Forum
1 answer
203 views
0

I am using kendoUI auto complete for "To" field in the "Compose Email" page,I am able to display the values in the data source  depending upon the user entered text.

what I want is,when user wants add multiple mail id's and in these id's some of them are in the auto complete data source and some of them are external mail id's which are not in data source.

After entering the external mail id also the auto complete action has to perform.can u tell me how to do this

Burke
Top achievements
Rank 1
 answered on 03 Dec 2012
1 answer
706 views
I have a TabStrip that loads other Kendo content using Ajax. This dynamic content has a kendo grid on it.

After the grid is created, I need to apply a specific Filter from the main page (user clicks on a list item for the filter they want to apply).

Problem is sometimes, the grid has not been created by the time the code is called to apply the filter obviously resulting in an error.

This is a single action by the user. If the grid has not been created previously, it is created and then a filter immediately applied.
If it has been created previously, the filters work fine as the grid exists.

How can you be sure that a kendo widget is rendered. is there a callback mechanism, a wrapper function to wait before futher processing?
There is probably a fundemental way of doing this in JQuery
Thanks
Dimo
Telerik team
 answered on 03 Dec 2012
1 answer
337 views
The kendoEditor does not display its toolbar correctly. Code is as follows in an asp.net mvc context. The editor is displayed in a popup generated by kendoui.

html followed by javascript
<div  class="popupContent" >
  <div class="k-content" style="margin-left:25px; margin-top:25px">
      <textarea id="Editor" rows="10" cols="30" ></textarea>
  </div>
</div>

<
script type="text/javascript">
    var Editor = $("#Editor").kendoEditor({
       tools: [
         "bold",
          "italic",
          "underline",
          "strikethrough"
         ]
 
    }).data("kendoEditor");
    $(".k-editor").height("350px");
    $(".k-editor").width("900px");
</script>

The visual display is found in the image attachment. the buttons and icons are bunched and overlapping.
Kendo UI Web v2012.2.1029 
jQuery v1.7.1
jQuery UI 1.8.11i
ie9
visual studio 2010

using newer jquery did not help.
Dimo
Telerik team
 answered on 03 Dec 2012
1 answer
104 views
Is there any support for breaking large files into smaller chucks using slice()?
T. Tsonev
Telerik team
 answered on 03 Dec 2012
1 answer
264 views
I used html list to create menu and added url to '<a>' tag. issue is when click the menu icon url directory  will  duplicate. i use this in master page. can i customize this how to remove duplicate.
(eg: Sample/test1.aspx  to Sample/Sample/test1.aspx)
Dimo
Telerik team
 answered on 03 Dec 2012
2 answers
308 views
I'm trying to determine if I'm doing something stupid, but I'm trying out KendoUI Mobile with PhoneGap and I've installed the 2012.3.1114/styles/kendo.mobile.all.min.css stylesheet, but I have no icons.  The stylesheet appears to not have any styles for icons.

I looked back at older examples online and found older kendo.mobile.all.min.css stylesheets and it appears there used to be .png and .svg file references for the icons.

Where they removed for a reason?  Am I missing something?
Bill
Top achievements
Rank 1
 answered on 03 Dec 2012
7 answers
108 views
After the last update the sublimevideo.net player no longer works inside a div with data-role="view". It used to work with Q2 release.

Here is an example of the problem. http://www.grapto.com/mobile/publication/65/331?auto=false

There is a problem with the Play button. If i start the video using javascript then everything is ok.
Petyo
Telerik team
 answered on 03 Dec 2012
3 answers
313 views
Hi,

I have a scrollView with HTML DIVs  as its contents. I am having difficulty centering the DIV content. It is fine when I am just using plain images, but once I start using DIVs, then everything gets aligned to the left.

Also, I couldn't get each item closer to each other.

Here's how the code looks like. Can somebody help me on this please? Many thanks in advance!


<!--Scrollview container-->      
        <div id="scrollview-container">
            <div data-role="scrollview" id="scrollview" data-page="1">
                                
                <div data-role="page">
                    <!--What is your nickname-->
                    <div id="YourNickname">
                    <div class="picture_box">
                        <img src="images/conversation/yournickname2.png" class="shareble_image" />
                            <div class="social">
                                <div class="shareit"><img src="images/conversation/shareIt.png" /></div>
                                <div class="facebook"><a href="#"><img src="images/conversation/facebook.png" /></a></div>
                                <div class="tweet"><a href="#"><img src="images/conversation/tweet.png" /></a></div>
                                <div class="instragram"><a href="#"><img src="images/conversation/instragram.png" /></a></div>
                                <div class="download"><a href="#"><img src="images/conversation/download.png" /></a></div>
                            </div>
                     </div>
                     </div> 
                </div><div data-role="page">
                    <!--Most Embarrassing girl moment-->
                    <div id="GirlMoment">
                    <div class="picture_box">
                        <img src="images/conversation/girl-moment2.png" class="shareble_image" />
                            <div class="social">
                                <div class="shareit"><img src="images/conversation/shareIt.png" /></div>
                                <div class="facebook"><a href="#"><img src="images/conversation/facebook.png" /></a></div>
                                <div class="tweet"><a href="#"><img src="images/conversation/tweet.png" /></a></div>
                                <div class="instragram"><a href="#"><img src="images/conversation/instragram.png" /></a></div>
                                <div class="download"><a href="#"><img src="images/conversation/download.png" /></a></div>
                            </div>
                     </div> 
                     </div>
                </div>


            </div>
        </div>
        <!--END: Scrollview container-->




Regards,
Antonio
Petyo
Telerik team
 answered on 03 Dec 2012
2 answers
322 views

I have an application based around a Kendo treeview, which displays fairly complex hierarchical data (with html passed via a kendo datasource).

 

This works fine in IE 8,9 and 10, and also Chrome. However, when using IE7 (or IE8 in compatibility mode), there are two issues:-

  •  If the number of parent items exceeds the div height, the treeview isn't clipped (although the div scrollbar is shown), resulting in the treeview overwriting other interface elements.
  • Initially the expand arrows are shown, but all except the top level arrows have a tendency to disappear when hovered over.

The treeview is defined as a div:-

<div id="AjaxTreeView" style="height:600px; width:490px;" ></div>
</div>

And then initialised on the page load:-

var treeSource = new kendo.data.HierarchicalDataSource({
            schema:{
                model:{
                    hasChildren: "HasChildren",
                   
                     
                    children: "Items",
                    id:"Id"
                    
                }
            }
             
        });
 
         
 
$('#AjaxTreeView').kendoTreeView({
            dataSource: treeSource,
            template: "#=  item.Text # ",
            loadOnDemand: false,
            dragAndDrop: @ViewBag.DragDrop,
            select: onSelect,
            dragstart: onNodeDragStart,
            drag: onNodeDragging,
            drop : onNodeDrop
});

The drag/drop option is set via the .NET MVC view bag, based upon a users permissions.

Unfortunately, IE7 is still the default browser for most of the users who will use this application, and it would be nice to enable the application to work with it, rather than have to get them all to upgrade.

Thanks

AP
Top achievements
Rank 1
Iron
Iron
Veteran
 answered on 03 Dec 2012
1 answer
136 views
Hi,

I have used the ThemeBuilder on my page where I have widgets like Rich Text area, Grids, Slider etc. 
Edited and made some changes in appearance and copied and saved the output as a CSS file.
Included it on the page, but the page still takes the old style. Changes in the new stylesheet made with the Themebuilder are not reflecting.

Below are my stylesheets on the page and the last one is the output CSS file of the ThemeBuilder.

<apex:stylesheet value="{!URLFOR($Resource.kendoMetro, '/kendoNew/styles/examples-offline.css')}"/>
        <apex:stylesheet value="{!URLFOR($Resource.kendoMetro, '/kendoNew/styles/kendo.common.min.css')}"/>
        <apex:stylesheet value="{!URLFOR($Resource.kendoMetro, '/kendoNew/styles/kendo.metro.min.css')}"/>
        <apex:stylesheet value="{!URLFOR($Resource.kendoMetro, '/kendoNew/styles/kendo.dataviz.metro.min.css')}"/>         
        <apex:stylesheet value="{!URLFOR($Resource.kendoMetro, '/kendoNew/styles/kendo-theme.css')}"/>  

Thanks,
Vishnu
Dimo
Telerik team
 answered on 03 Dec 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
DropDownTree
ListBox
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
Licensing
PivotGridV2
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
LLM Kit
+? 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?