When using Inline editing with CKEditor (even on CKEditor's Website demos), if the height of a DIV is changed, the inline toolbar will be misplaced (it will stay at the same place it was before even though the DIV moved) for the DIVs under it.
Is it a known problem, is there a way to solve this ?
At the moment, there's no official support for such case.
Inline toolbar is positioned by the internal method layout() called on focus event. You can reveal the method on your own and call manually or play with blurring/focusing the editor.
Related
I really like the Django Admin list view. I would like to show ~30 fields of one table in the list, however my issue is that horizontal scroll bar is not visible in the list view even though data overflows right border. How can I enable scrolling?
This seems to be an open bug in Django: https://code.djangoproject.com/ticket/26066
If you are fine with the problems stated in that issue you could just add some css code:
#changelist-form .results {
/*overflow-x: auto;*/
}
But if you have an even better solution you could always overwrite the default templates quite easily. Just add a change_list.html and add your custom code there. See the original change_list.html for reference:
I found this post/method worked nicely for me. It applied a scroll bar to the table view only thus making it easy to navigate:
https://til.simonwillison.net/django/django-admin-horizontal-scroll
Here is the screenshot
I have a 500x400 iframe that hosts my page with a few Foundation dropdown controls, I found in this size no matter how I specify "align:xxx" value in the code, Foundation always renders the dropdown layer as align:bottom which is undesirable. I need "align:xxx" to work no matter what the containing page size is. How do I do that? Hacks or workarounds can do too.
I tried to increase my iframe to 1000x400 and the dropdown renders normally.
If there's an option that I could force align of a dropdown other than align:xxx please point out.
It's because it's in an iframe that is smaller than the medium media query. The default behavior for the small breakpoint is to be 100% width. You may need JS to override this for your use case.
I gather cftextarea uses fckeditor so my question is, can I add parameters to cftextarea once the server has loaded the page by clicking a button or perhaps ticking a box?
changing
<cftextarea>some field</cftextarea>
to
<cftextarea html="yes" toolbar="Default" richtext="yes">some field</cftextarea>
Or is it possible to change the toolbar inline in fckeditor using a java command?
Ok so I have decided this is too hard to accomplish with FCKeditor and I have swapped to TinyMCE as I found more documentation on how to do this.
Hi I would like to know how to change the template width of a Joomla 2.5 template.
I am facing problem like below.
in different sizes of Monitor (Desktop or Laptop - 15",17",19") - I am getting different blank spaces on both left and right side of the template.
Is that possible to reduce the template width ?
The width of the page is determined by CSS styling so start by using something like Firebug to examine the page and figure out what rule governs the page width. For example there might be a container div that wraps around all the page content, and its width is set at 960px.
Firepage will also tell you the location of the CSS file, for example it might be in templates/template-name/css/theme.css
Sign-in to the backend of your site, then extensions > template manager . In the template manager : styles view, go to the entry for your template and click the link in the right hand column and you will find links to all the css files for your theme. Open the CSS file you located earlier (eg theme.css) and add an over-riding rule. For example
.container{
width:900px;
}
Naturally the normal CSS rules apply here, so you want your new rule to be after the original.
If your theme is responsive, you may have to repeat this process at different window sizes or viewports, and create additional over-riding rules inside #media requests. You will need to figure that out yourself or post a URL.
Good luck
I'm been working with Sitecore for a while, but this is my first time on the page editor.
So, I go to my sublayout and I place a sitecore tag instead a .net tag
<sc:Text ID="txtContent" Field="Content" runat="server"/>
Content is the normal content field on the sitecore page.
When I go to the page editor, I'm able to see the correct content and do some editing but the save button is disabled and my changes are not saved at all
I'm I missing something very basic here?
this is a screen cast on what I'm doing
http://screencast.com/t/0itqgjGVQx8
Update: After including jquery.noconflict constructs, the execution moves to the handler function in the ribbon correctly. BUT it seems that the button itself is disabled. Is it possible to enable/disable the button? is it disable on specific situations? if so how can I enable it.
There might be invalid html appearing. Check you hints for buttons, etc. There might be non-escaped texts on the page.
I've resolve this some time ago... in the sublayout definition on sitecore there was a redundant/wrong compatible rendering definition. Once I removed that, the save button appeared and the sublayout started to work as expected