How can I change the twistie icon in view control? - xpages

Is there a way how can I change the twistie icon in view control? I mean the icon used for expand/collapse buttons for categories.
In HTML source I can see, its not managed by CSS, so I can't change it this way. It seems to be rather hardcoded.
<img id="view:_id1:viewPanel1:2:viewColumn1__shrink:1.1.1.1img" alt="expanded" src="/domjava/xsp/theme/common/images/collapse.gif">

click the ViewColumn and look for Expand/Collapse Image in the all properties view :-)

Related

How to change TinyMCE `styleselect` dropdown to use just icon to open the menu?

I know that I can add option to TinyMCE toolbar to change selection styles using toolbar setting with keyword styleselect. I also know I can adjust the contents of the menu that opens with that button using setting style_formats combined with formats. (Above is correct for version 5.10.2.)
Is there some way to configure the rendering of the styleselect option in the toolbar? I would want to swap the text label to single icon on smaller displays. For big viewports the feature to show the current style at the caret location is a nice feature but for narrow viewports it would be better to have custom icon instead of partial style name in the toolbar.

How to implement scroll to a section/fragment on click in Liferay?

I want to implement scrolling to a particular section on click in Liferay, but I have no idea how to add functionalities in Liferay.
I have created a page using multiple fragments and in the top of the page I have headers of the sections and on click of a header the page should be scrolled to that particular section.
Attached page screenshot link below for reference
The easiest way to scroll to some place on the page is to place an anchor there, e.g. with <a name="scrollTarget"/>. In your navigation, you'll just link to this by Scroll to Target and you're set.
Of course, this can be done a lot fancier, with an animated scroll etc, but the basic start is this. There's nothing Liferay-specific hidden here - pick any of the more fancy methods, create fragments with the proper markup, and make sure they're used on your page.

Changing Admin Panel Navigation bar Position

By Default in Orchard CMS, navigation bar is aligned to left as shown in picture on the below link. Is this possible to aligned to top or change its navigation theme to something else?
http://tinypic.com/r/t7zsls/8
Yes it is possible to change the layout of the admin menu. To do this you will need to modify Layout.cshtml and Menu.cshtml to your liking.
From your screenshot it looks like you are using the default TheAdmin theme so that is where you could locate these views.

How to align an image in a xe:inputRichText (or HTML pass-through)?

I'm using the Domino 8.5.3 <xe:inputRichText> control for end-users to add web content. The control has the basic feature to add an image, but no "align" settings to float text around the image (ex. <img align="right"> ), which is so common with basic HTML.
One work-around tried is to use a 2-column table, which works, but not as well (especially, when re-sizing the window).
Any ideas for a work-around? Is there anything similar to 'Pass-thru HTML' in a inputRichText control?
Try to set toolbar style to large and then simply switch to HTML source (the last but one button) and change it whatever You like:
http://www-10.lotus.com/ldd/ddwiki.nsf/dx/CKEditor_in_XPages_in_NotesDomino_8.5.2

Viewpanel or regular panel with visible border?

Is there anyway to have a visible border on a view panel and a regular panel? If so how?
if you look in the web page source for the view panel you wil find that the view panel is a table , so just put some style on it e.g
table style="border:1px solid blue"...
I ended up just placing a table around the view panel.

Resources