I'd like my website editors to get a more realistic preview when updating pages using the layout editor by applying the front-end styles. Is there a way to import a custom style sheet and have the layout editor apply it when rendering the preview? I've done this with the BodyPart (and html fields) by adjusting the TinyMCE configuration but can't find a way to do it with the layout feature.
Related
I'm sure I am missing something straightforward and simple, but in xpages, using a tabbed panel, who do I get all the tabs to print when the users prints the page?
You can use a Dojo tab container (part of the extension library) instead of the standard tabbed panel. With the Dojo tab container the content of all tabs is loaded at once (in opposite to the standard tabbed panel, as Tim said), so you could do some CSS magic to make all tabs visible when printing.
Tim recommends building a separate XPage for printing, and I second that. Organize the content of the tabs in custom controls, create a new XPage for example with the suffix "_print" and include the custom controls in it without the tabbed panel. Then create a button, link or whatever in the first XPage which simple opens an XPage with the same name plus "_print" in a new window.
In the "_print" Xpage you can use a "window.print" after the page loads to open the print dialog automatically.
This technique has the advantage that you can style the printing exactly as needed. You can even control which content to include when printing by using the visible/rendered property and compute to render controls only when the current page name does not include "_print".
Within a content editor webpart, or any other way; how can I make images rotate based on the month? Is this a matter of putting javascript right into the html editor?
There are several image slide shows that you can use, I recommend you Nivo Slider http://dev7studios.com/nivo-slider/
To set up this you will have always to use some custom html code on a webpart, and have to insert a script call to the slider on the master page.
Here you have some examples of the slider running on sharepoint themes
http://www.bindtuning.com/cms/sharepoint/sharepoint-2013/theme/InvisibleDog/page/Sliders/customize
Is it possible to integrate CKEditor to SharePoint2010's EDIT ITEM or ADD ITEM page without using CKEditor for SharePoint?
If you want to replace the default editor with CKEditor, it is going to be hard. Remember that the default editor is integrated in the ribbon. If you want to use it for some reason in a webpart or on specific situations like in a page layout you can follow something along the lines of this:
http://www.sharepointbriefing.com/features/article.php/3928401/Sharepoint-Tools-You-Can-Use-CKEditor.htm
I need to create custom webpart with complex (few divs, or other html elements) background and borders.
How can i use default sharepoint content editor and just add predefined background and frame!?
Thanks.
You tagged your question with Sharepoint 2007 and 2010, the content editors are different though. This answer is for SP2010:
You can just add CSS to a custom CSS file. background-image for .ms-rte-layoutzone-inner-editable will do the image trick. If you want to add a "frame" as in border, you can add border attributes to .ms-rte-layoutzone-outer and make it e.g. red.
An example for a background image:
.ms-rte-layoutzone-inner-editable {
border-image: url(/PublishingImages/Mylogo.gif);
}
But please do your users a favor and don't include anything blinking or distracting to the content editor's background - if you wanna go for some very light grey or something like that it's OK.
For MOSS2007 you need to check the specific styles you can override.
Having selected a theme from themeroller, I'd now like to put together some compatible CSS for the rest of the page that includes the jquery components that respect the theme. Is there any shortcut for this?
I would use the hex values and fonts that you used in your Theme to build your own custom css file. You can gather all of these values using the Edit feature on the ThemeRoller page for the theme that you've selected.