We Keep Coding

Can fixedColumns be used with paging and without scrolling vertically?

I have a table with paging.
I'm trying to fix certain columns, but don't want to get rid of the paging, I simply want to add horizontal scrolling, but not vertical.
Can this be done with the FixedColumns plugin?
I've tried specifying the options like this:
table.dataTable({
autoWidth: false,
ajax: "/Source",
deferRender: true,
//fixed Column
scrollX: true,
fixedColumns: {
leftcolumns:1
}
//
}

fix on your browser first using inspect element by changing CSS and then the final change in coding by writing *!Important** on CSS where you change. then you successfully set according to your wish.
simple replace dataTable CSS with custom CSS by writing !important.

jQuery Accordion expand first enabled panel

I am using a jQuery Accordion but I have a small problem: Based on some conditions, my accordion could have the first enabled H3 to be the second or third one. The first ones I am disabling by adding this class to them
"ui-state-disabled".
My accordion looks like this:
$("#accordion").accordion({
active: true,
animate: false,
collapsible: true,
heightStyle: "content",
icons: icons
});
Is there a way so that the accordion will only expand the first enabled section? Right now, if I put active: 0 and the first element is disabled, it will expand it nonetheless.
Any suggestions ?

This may not be the most elegant of solutions, but it'll work. You need to find the index of the first H3 inside the #accordion element that does not have the class .ui-state-disabled... so here's that.
You may also realize this already, but you'll want to remove the ability to click to open disabled sections, so I threw that in.
$("#accordion").accordion({
active: $('h3:not(.ui-state-disabled):first').index('#accordion h3'),
animate: false,
collapsible: true,
heightStyle: "content",
icons: icons
});
$(".ui-state-disabled").unbind("click");
Demo on Codepen
edited to add back in your icons: icons

jQuery Accordion disabled section icon

I am using a jQuery accordion and with some help I managed to figure out most of my issues but now I have one that I could not figure out.
My accordion looks like this
$("#accordion").accordion({
active: true,
animate: false,
collapsible: true,
heightStyle: "content",
icons: icons
});
and I have 2 icons defined for opened and closed sections.
I also have in my accordion some disabled sections that are closed and cannot be expanded. As far as I can see it's either all icons for all sections or none at all.
Is there any way of removing the icon for just the disabled sections ?

how to disable canvas xpress menu

i use canvaXpress on my webpage, it's a very good graph control, but i don't want to show customer the menu of canvas xpress, like help, show code, filter data on top right corner, how to disable it?

Please RTFM. It is called Toolbar and you can disable it by:
#canvas1-cX-Toolbar {display: none !important;}
Or use the API to disable it:
disableMenu type: boolean
Flag to disable showing the menu on right clicks
Default: false
Used in: all visualizations
disableToolbar type: boolean
Flag to disable showing the toolbar
Default: false
Used in: all visualizations

How to make TinyMCE to fit content height when it's read only?

Please help because I'm stuck from hours. I have multiple count of text areas in one page. Each text area has different content inside which makes it with different height. When I init TinyMCE like this:
tinyMCE.init({
mode: "textareas",
theme: "advanced",
width: "870",
readonly: true,
theme_advanced_path: false,
theme_advanced_resizing: true,
theme_advanced_resize_horizontal: false,
auto_resize: true
});
All text areas are with same height and those of them which have more content has scroll inside. Any ideas how to rid of the scrolls and make the text area height as much as the content inside ?

Have a look at the function resizeIframe in this SO thread. You will need to issue this code after the readonly editors have been initialized.