Telerik Forums
Kendo UI for jQuery Forum
1 answer
289 views

Need Help please...!!!

I am using tabstrip and angular UI routing to navigate those tabs. When i click on the tab it's url is changing but the tab is not switching.

I have 3 tabs. First 2 tabs are working as expected. But the last tab is not switching even though it's url is changing.

Here is my HTML code.

 

<div id="tabstrip" kendo-tab-strip="tabs">
            <!-- tab list -->
            <ul>
                <li class="k-state-active"><a ui-sref="mercury_dashboard">Mercury Dashboard</a></li>
                <li><a ui-sref="transaction_view">Mercury Transaction view</a></li>
                <li><a ui-sref="deliveries_view">Mercury Deliveries view</a></li>
            </ul>
            <div>
              <ui-view></ui-view>
            </div>
            <div>
              <ui-view></ui-view>
            </div>
            <div>
              <ui-view></ui-view>
            </div>
</div>

Corresponding JS file.

var mercury=angular.module("mercury", [ 'kendo.directives' ,'ui.router']);

        mercury.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider)
        {
           
           
               $stateProvider
                       .state('mercury_dashboard',
                            {url : '/mercury_dashboard',
                            controller: 'mercury_controller'
                            
                            })
                        .state('transaction_view',
                            {url : '/transaction_view',
                            controller: 'transaction_controller',
                            templateUrl: 'transaction_view.html'
                            
                            })
                        .state('deliveries_view',
                            {url : '/deliveries_view',
                            controller: 'deliveries_controller',
                            templateUrl: 'deliveries_view.html'
                        });
                          
                       
        }]);

Please let me know if you need further information. 

Thank you.

Veselin Tsvetanov
Telerik team
 answered on 14 Sep 2016
1 answer
104 views
Can ModalView have model property like View?
Stefan
Telerik team
 answered on 14 Sep 2016
1 answer
132 views

In my mobile application I have many remote views. I want to include model for view from typescript on demand. I have large project and I do not want to load all script files for views.

How can I achieve that?

Stefan
Telerik team
 answered on 14 Sep 2016
2 answers
7.2K+ views
Hi, Can someone help me on how this would actually be implemented or called from script?  I want to call the read method through script passing parameter values into it. 

var dataSource = new kendo.data.DataSource({
transport: {
read: function(options) {
// make AJAX request to the remote service

$.ajax( {
url: "/orders/read",
data: options.data, // the "data" field contains paging, sorting, filtering and grouping data
success: function(result) {
// notify the DataSource that the operation is complete

options.success(result);
}
});
}
}
});
Graham
Top achievements
Rank 2
Iron
Iron
 answered on 14 Sep 2016
1 answer
54 views

Hi

when i scroll the horizontal scroll bar of the grid and print it in IE, the printed grid is not started from the column where i scroll to, it always starts from the first column, is there any configuration i should setup?

 

Thanks

Dimo
Telerik team
 answered on 14 Sep 2016
3 answers
155 views

How can I use font-awesome in mobile application? I found link for custom icons, but I don't want to rewrite all content css property. I just want to use data-icon="fa fa-home" for example.

.km-arrow-e:after,
.km-arrow-e:before
{
    content: "\e000";
}

Bozhidar
Telerik team
 answered on 14 Sep 2016
9 answers
188 views

Hi,

I'm having issues with the icons on the pagers and column headers for filtering etc on the grid using cordova on a mobile device. There's a sprite file used to display the icons referenced in the CSS. I've placed it in the following document structure: ~/kendo/styles/default/sprint_2x.png and it works fine in the Appbuilder device simulator but when I load the app onto a device the icons aren't visible.

Any ideas?

Thanks in advance.

Alexander Valchev
Telerik team
 answered on 14 Sep 2016
1 answer
383 views

HI ,

We have a requirement where we need to make "Delete" and "Cut" Button disable/invisible based on specific roles which we already handled.

But we also need to disable keyboard shortcut as well when delete and cut are disable/Invisible.

Is there any way to achieve it ?

 

 

Ianko
Telerik team
 answered on 14 Sep 2016
1 answer
115 views

Definition for init method in kendo.mobile.ApplicationOptions is missing:

interface ApplicationOptions {
        browserHistory?: boolean;
        hideAddressBar?: boolean;
        updateDocumentTitle?: boolean;
        initial?: string;
        layout?: string;
        loading?: string;
        modelScope?: Object;
        platform?: string;
        retina?: boolean;
        serverNavigation?: boolean;
        skin?: string;
        statusBarStyle?: string;
        transition?: string;
        useNativeScrolling?: boolean;
        init?(): void;   //missing!!
    }

Stefan
Telerik team
 answered on 14 Sep 2016
15 answers
966 views

I'm using kendo Telerik.UI.for.AspNet.Mvc5 version 2016.2.607 in .net 452

inside one of my templates i have a reference to a localization string, like this:

<script type="text/x-kendo-tmpl" id="msgTemplate">
    <div class="media">
        <a class="pull-left" href="#=RelevantURL#" target="_blank" title="@CoBRALocalization.MVC.RootResource.ClickToAccess">
            <img  src="@Url.Content("~/Content/images/incAlert.png")?h=30&mode=max" alt="Active" />
        </a>
        <div class="media-body">
            <div class="media-heading">
                <small><time datetime="#=UnixDateCreated#">#= kendo.toString(DateCreated, 'G') #</time></small>
            </div>
            <p>#=FriendlyMessage#</p>
        </div>
    </div>
</script>

 

look at the @CoBRALocalization.MVC.RootResource.ClickToAccess reference.  works fine if the localization value is in english or something like that, but trying a turkish value like 

Erişim'i tıklatın

will give me an error saying the template is invalid, and the title looks like:

title="Erişim&#39;i tıklatın"

clearly the hashtag is causing the problem, but i can't find a way around that.  Solutions like 

http://www.telerik.com/forums/escaping-with-new-syntax

don't really fit this case.  Any other ideas?

Daniel
Telerik team
 answered on 14 Sep 2016
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?