All Questions
Tagged with knockout.js css
415
questions
0
votes
0
answers
27
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
34
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
176
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
2
answers
48
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....
2
votes
1
answer
97
views
knockout.js and better way to update css for hundreds of elements
I currently have a scheduling grid with alot of cells that have this CSS update binding depending on a property value of the object. When a subscription of one of these elements changes, then it ...
0
votes
1
answer
67
views
Knockout-Validation validationMessage postions css conflict
I am trying to validate a Knockout JS dynamic questions form:
<form id="" action="" data-bind="foreach: Fields">
<!--ko if: $parent.HiddenElements()....
0
votes
1
answer
209
views
Knockout JS Add/Remove class
I am using Knockout to generate a dynamic form:
function FormField(data) {
var self = this;
self.Name = ko.observable(data.Name);
self.Type = ko.observable(data.Type);
self.Options = ko....
1
vote
1
answer
284
views
How to display tooltip in knockoutjs when button is disabled
I used CSS to disable the button and I also want to display a tooltip. However just because I disabled the button, I am not able to see my tooltip.
.disabled {
display: block !important;
...
2
votes
1
answer
46
views
CSS - Buttons group positioning issue
I have some buttons that are data-bind from an knockout observable array like:
<div class="col-9 btns" data-bind="foreach: groupedDays">
<div class="btn-group ...
4
votes
3
answers
651
views
Add outline to grouped buttons that have the same class name binded one next to other
I have a parent View model:
var monthVM = function (mData) {
this.Id = mData.Id;
this.Name = mData.Name;
if (mData.Days != null) {
$.each(mData.Days, function (index, item) {
var ...
0
votes
1
answer
58
views
KnockoutJS foreach binding add outline around selected items
I have a knockout observable array of items displayed as buttons:
<div class="btn-group" data-bind="foreach: myList">
<button data-bind="css: Sel == false ? 'btn ...
3
votes
1
answer
50
views
how to "blink" with newly added service in another section
I have two sections: combinedCriteria and filteredServices. These tow sections are connected through knockoutjs script, when I hit click on any item in filteredService section, it adds that service ...
0
votes
1
answer
75
views
How to change onClick button in knockoutjs
I have a html with some css:
<label class="label-checkbox">
<input type="checkbox" data-bind="click: clickedMultipleServicesButton, checked: ...
1
vote
2
answers
242
views
How to change font-color for inactive list item?
The html code looks like this and creates tabs at the top of the screen for navigation to several parts of the program.
<ul id="navigationMenuTop" class="nav navbar-nav" data-...
0
votes
1
answer
129
views
Remove unwanted text in the select box label
In my project the select box is loading dynamically using knockout js, In the label field i can see the unwanted text(select). so i want to remove it.
<label style="display: inline-block" ...