20,257 questions
0
votes
1
answer
33
views
Get html-element to overlay videojs player on iOS
I am working on a site that uses videoJS for video and have created html elements that are being place on top of the video as a scoreboard. The issue is that the native iOS player overrides videojs ...
0
votes
0
answers
9
views
Failed to display array in KnockoutJS in html page magento2.4
I tried to add multiple custom fees in checkout page, i tried to fetch labels of fees as array and need to show on by one, but its fail in KnockoutJS binding, below is my fee.html and fee.js file code
...
0
votes
0
answers
57
views
Knockout.js Binding with reCAPTCHA in TypeScript: Null Token from grecaptcha.execute on Form Submit
I have created a custom Knockout.js binding to integrate Google reCAPTCHA into my MVC application using TypeScript. However, I'm encountering an issue where the token returned by grecaptcha.execute is ...
0
votes
1
answer
15
views
Knockout dropdown with multiple selection option does not populate observable array
I have an application which places a dropdown menu on a page. The dropdown is defined with this code:
<select id="cmbVillages" multiple="multiple" class="uk-select" ...
0
votes
0
answers
30
views
NVDA screen reader only reads the value from span
I am trying to add a text verbiage to my screen reader "The progress is at x%". However, NVDA screen reader only says the digits out loud.
I am trying to show only the x% to the user, but ...
0
votes
0
answers
22
views
How to improve performance and make UI thread free in knockout.js for below code?
We have this below code which has 2 responsibilities to do:
If we have checked a node then all it's children nodes should be selected.
If a child node is deselected then all its parents node should ...
0
votes
0
answers
43
views
Bind CSS with knockout Secure Bindings
How Can I bind CSS to a div using knock out secure bindings.
The following piece of code is not working.
data-sbind="css:{'has-error': isNullOrWhiteSpace($root.UserID()) == true,'MandatoryFields':...
0
votes
0
answers
77
views
How to re-render dropdown with search text data filtered
I am using a bootstrap selectpicker with knockout.js binding which has multiselect as well as data-live-search properties on.
Here is a scenario
Steps:
Open dropdown, type ‘cat’ in dropdown
Due to ...
0
votes
0
answers
35
views
Form validation is not working using Knockout.js SPA
I have created a Single Page Application in which create three HTML Pages names: 1. Index.html (Master Page), 2. Home.html, and 3. Contact.html and also two JavaScript Pages: 1. Index.js (for Master ...
0
votes
1
answer
54
views
Conditional html heading tag based on variable in knockout.js
Is it possible to set the html element in knockout.js programmatically?
For example, the user can choose the heading level (from h1 - h6 and p if it's no heading).
And in frontend I then have a ...
0
votes
0
answers
35
views
Cast a string name to model name which already exists in knockout JS
I am working on a dynamic validation setting in Knockout JS. I blocked by one scenario, I am getting viewmodel name as string from db with control id. This model name is a string name like “testModel....
0
votes
0
answers
124
views
magento 2.4.6 knockout.js:3753 Uncaught TypeError: Unable to process binding "visible: function(){return isVisible() }"
in magento 2.4.6 getting bellow error. i can not found solution so if anyone can help me then it will be great.
knockout.js:3753 Uncaught TypeError: Unable to process binding "visible: function(){...
0
votes
0
answers
90
views
Force Magento 2's checkout accordion to be open on first step, closed on second step
This is my Magento_Checkout/web/template/summary/cart-items.html
<!--
/**
* Copyright © Magento, Inc. All rights reserved.
* See COPYING.txt for license details.
*/
-->
<div class="...
0
votes
1
answer
107
views
Unable to process binding "value: function() {return myVar }"
I am using knockout.js and am trying to get a <select> tag to populate with options from on of the view model's properties. I think I did everything right but it breaks. The console error is
...
0
votes
0
answers
17
views
I am getting Failed to load resource: the server responded with a status of 500 (Internal Server Error) - intermittently in Knocout/MVC app
Getting intermittent 500 internal server error while laoding page.
Client Side code to load Dropdown on Page whenever error occoured it is not hitting server side controller.
// Perform initial ...
0
votes
0
answers
25
views
Knockout Computed field never updates UI
I have some computed fields that I setup as get the model from JSon.
The event is triggered on the related fields change and the calculation is correct but the value is never presented on the UI.
...
1
vote
0
answers
38
views
Add values in form input in Javascript (Chrome)
I am trying to learn how to automate the input values in some forms when they get repetitive (asking for age, gender, location).
I have investigated the HTML and noticed there are also a few hidden ...
0
votes
0
answers
43
views
Magento 2: wrong shipping method saved in order
We have 2 delivery methods enabled on Magento 2.4.6: home delivery and a custom store pickup.
If the home delivery method is selected and correctly saved in the order, the customer's address is ...
1
vote
0
answers
36
views
How to add multiple method titles to KnockoutJS ifnot statement in Magento2
I am looking to add multiple shipping method titles to some knockout JS ifnot statement in Magento2. I currently have the following code which works for the method title listed.
<!-- ko ifnot: ...
-2
votes
1
answer
106
views
Uncaught TypeError error in Chrome for multiple file upload
On one of the pages I allow user to upload multiple images to upload. Script works fine in Firefox however for sometime it doesn't work on chrome as it give following error
Uncaught TypeError: Cannot ...
2
votes
1
answer
540
views
Apexcharts <svg> attribute height: Expected length, "NaN" when loading other page
I have a simple chart generated with ApexCharts v3.45.1. This is on a single page application where when I fetch another page via an AJAX call, the original chart in the DOM is removed on purpose (...
0
votes
2
answers
110
views
Is toString() JavaScript output "guaranteed" to be the same in every browser/implementation?
I'm using a specific framework and somewhere in my code I have a function as a parameter.
I want to check if that function is a specific anonymous function out of that framework. I don't have access ...
0
votes
1
answer
44
views
Knockout.js - Subscription to observable selected value in cascading select list firing twice
I have two templates for cascading select lists implemented with Knockout.Js, named office and department. Each of the lists has a subscription to the selected Value. There are two ways the list and ...
6
votes
3
answers
2k
views
Malware in Knockoutjs context debugger
Has anyone else seen this:
Is there another extension for KnockoutJs?
0
votes
1
answer
411
views
Magento 2 Minicart / Knockout.js: Format calculated price / sum
In Magento 2 minicart (CE 2.4.6) I do not only want to show the price of each item in cart, but also the SUM of each item (if there is more than one unit of the same item in cart). I have therefore ...
0
votes
1
answer
51
views
knockout save reordering with jQuery SortableJS when drag/drop rearrange list in
I have a knockout application, where I have a list of divs for a knockoutobservablearray.
After I move an item to a new position. How do I update the knockoutobservablearray to reflect the changed ...
0
votes
0
answers
35
views
Can't stop multiple page (html) from overlapping divs using @media print css
I've got a two-column, multi-page, data fed, phone directory. The screen layout works fine and the printing did until a recent update to DNN. I can't blame DNN because it might be browser related, but ...
0
votes
1
answer
33
views
Using the last image in an array
Sorry if wrong format or dumb question, I'm new to this. I use knockout js and normally use it to find a image with an index and display it, however, I'm wondering if it is possible to ensure it is ...
0
votes
1
answer
66
views
Check string in Knockout JS and then split string values
I have the following data binding:
$row().current_tracking
Sometimes $row().current_tracking has a value of, for example:
372424561624
And sometimes $row().current_tracking have a value with two ...
0
votes
0
answers
101
views
Knockout with Monaco - Close Modal Not Updating
I have a page that has a monaco editor textbox. I have an Edit button that, on clicked, opens a modal window with a new monaco textbox (it gets initialized with the value from the model bound to first ...
0
votes
1
answer
190
views
How to redirect to wishlist controller for adding product in magento2
I have a problem that keeps me blocked, i need help about it!
By using knockoutJs and a controller in order to get a form_key i was trying to get redirected to the wishlist in order to add the product ...
0
votes
1
answer
70
views
Why does this radio button become unselected when reordering the items in the knockout view model?
I have a simple component that allows a question and multiple answers to be entered. The answers can be reordered by clicking Up/Down buttons. I noticed that when the answers are reordered that the ...
0
votes
0
answers
29
views
How does Knockout JS process a template to produces a screen display with an icon
I have inherited a project that uses knockout js. I have been trying to find a video on youtube that goes into how knockout js processes the data-bind. If anyone knows of such a video, please post it ...
0
votes
0
answers
43
views
totals.getSegment('giftcardaccount') returning null
NOTE: I posted this over on Magento2's StackExchange too.
I'm about at my whits end.
I still consider myself a relative novice with Magento, but this one literally has me baffled. I've also tossed it ...
0
votes
0
answers
34
views
dataTablesForEach data not getting binded in knockout js
Below is the code in HTML for data-bind in datatables using knockout.js
<tbody data-bind="dataTablesForEach: {data: listtoiterate, dataTableOptions: {
retrieve: true,
...
0
votes
0
answers
55
views
JS event listener not working on div after knockout conditional
In a .cshtml file (razor page from .NET), I have a partial HTML element under a knockout conditional :
<!-- ko with: key -->
<div class="..." style="display: none;" ...
0
votes
1
answer
136
views
InvalidOperationException: The following sections have been defined but have not been rendered by the page at '/Views/Shared/UserLayout.cshtml'
I'm trying to convert an ASP.NET MVC project to ASP.NET Core MVC. I have done most of the work but got stuck in a weird issue.
My project has a view User.cshtml and a layout page UserLayout.cshtml, ...
2
votes
2
answers
258
views
detect width change in a div and trigger a function Knockout JS
How do I detect when the width of a div with id X changes? I have a function 'wrapLines' which needs to be called whenever this div container's width changes. because of following reasons
whether the ...
0
votes
1
answer
271
views
Uncaught: Type error: this.removeClass is not a function
I have a common pagination code, cshtml in the form of a partial view:
<div id="paging">
<span></span>
<span></span>
<a data-mini="true" class=&...
1
vote
1
answer
54
views
knockout.js computed observable immediately disposed, why?
Here is a very basic example of a computed observable in knockout:
let value = 'hello';
const co = ko.computed({
read: function() { return value; },
write: function(arg) { value = arg; }
});
...
1
vote
1
answer
628
views
How to disable Google translate for HTML Class names
I'm running through to ignoring html class name translation. I'm finding out the following solution
<span class="notranslate">this text will not be translated</span>
But I want ...
0
votes
2
answers
50
views
How to conditionally display a modal dialog in a knockout.js project?
A have a working form with a submit button from a knockout.js project. Among other things the form has a submit button.
<form id="formAddNote" data-bind="submit: addNotes" role=...
1
vote
1
answer
123
views
Modal dialog not showing
Modal dialog not visible from the button click in a knockout.js project
Here is my submit button:
<button type="submit" class="btn" data-bind="enable: SubmitEnabled"...
0
votes
1
answer
48
views
Prevent Knockout from caching loaded components and templates
Prevent Knockout from caching loaded components as answered here
Prevent Knockout from caching loaded components
the code
ko.components.get = (function(fn) {
return function(componentName, callback) ...
0
votes
1
answer
340
views
Being prompted for login credentials windows authentication asp.net mvc and knockoutjs
I am trying to access a site using windows authentication. The site is an asp.net mvc 4 application and uses knockout.js and jQuery for the client site. I am prompted for a login and if I cancel the ...
1
vote
1
answer
149
views
Uncaught ReferenceError: mozRTCSessionDescription is not defined
I have an ASP.NET MVC app (.NET Framework 4.6.2) which has a front end on Knockout.js it also uses signalR.
The app was working fine until we upgraded Firefox to version 113.0 and 113.0.1. The app ...
1
vote
2
answers
67
views
Adding multiple CSS Elements to a data-bind with Knockout
I need to add multiple css classes to a div using knockout.
I have this div:
<div data-bind="css: {'case-header': model.caseHeader1, 'case-type-1': model.caseHeader2, 'case-type-2': model....
0
votes
0
answers
37
views
Page auto reloading for no apparent reason
I am having a bug with a project that I am finding very hard to reproduce but it is a serious bug. As part of my attempt to fix it, I would like to know the answer to the following question: what ...
1
vote
1
answer
38
views
Knockout.js - custom "template" binding that can be used in the same data-binding as "with"
I am heavily invested in the knockout.js ecosystem.
I'm not sure why it's not more popular, but it does everything I want with minimal bloat.
Now I am also an extreme syntax minimalist.
I think ...
0
votes
1
answer
28
views
Knockout.js indexed based color from array
Hello and thanks in advance.
I am building a custom component and I want to retrieve properties from a component array.
In the component viewModel:
graph.colors = ["#3366cc", "#dc3912&...