Change 2 layout in the same portlet - liferay

I have a portlet. I get a search engine layout X and when I look I continue to see this layout X in which I had to hide columns with Javascript to change the design, which takes 2 seconds to disappear this layout and was the main layout appears. Once the JS hidden charge me the other columns.
What I like:
As you might do. I have a portlet with a search engine with a layout X and find me display a layout Y.
Could pick up some parameter that when you click find me change the layout Y?
Thank you!!!

Related

How to display several photos in another layout by clicking on one layout?

When I'm in layout 5 and I click on a button, I want to make some images visible in layout 4. I also used the general boolean method but it didn't work, do you have a solution?

Does any browser / add-on have at Inspect Element the option to display (highlight) only modified and new added values?

As web designer maybe you use daily the browser (Firefox / Chrome) Inspect Element tool more than browsing.
Sometimes to obtain the desired result is very complicated, the CSS changes & the new values added thru browser Inspect Element tool does not apply to only one element (div, p, span etc). After you accomplish the desired result do you have the option do highlight the values that was modified and new values added with a different color or in a separately menu / section?.
For example:
Display with yellow background modified values.
Display with red background new values added.
Question: Does any browser / add-on have at Inspect Element the option to display (highlight) only modified and new added values?
Of course, will be so gorgeous to have a separate menu / section to display separately all modified & new values inserted.
I can't believe it, but Inspect Element in Firefox has exactly what I've looking for:
1. Highlight modified and new added values
2. Copy modified rules
Now you can style at once multiple div's / span's / paragraphs, pseudo-elements etc till you'll accomplish your desired result. After that you can copy from one place all modified rules in different elements, at a 1 click!
If you use Inspect Element for CSS as a right little panel / sidebar (how I use) => see in picture the "blue arrow" (click that black arrow and menu "Changes" will appear).
I hope to help others this great feature of Firefox (well hidden), which will save you a lot of time!
I do not find this function in Chrome browser (or is better hidden than in Firefox).

Can we change the diaplsy format of data from one kendo component to other on runtime in mvc?

I have a page with two buttons in header. I need to display same data on click of both buttons resp. but in different layout, means at click of first button i want to display a kendo asp.net mvc grid and at click of second i want tot display that data in a form of listview. So the question is, is it possible to display the data initially as a grid or listview (any one ) and at runtime we can change the format from grid to listview so that we don't have to create seperate controls partial views for that. Or any better idea on how to implement it is also welcomed.

Lotus xpages: xpage containing multiple views

I have a xpage which contains one big table with 1 row and 2 columns. I created this table to separate the xpage into 2 parts: the left one where I have some buttons and the right one where I want to display some views.
From the container controls I drag a View on the right column, but is there any chance to do this in such a way that 1st button clicked => 1st view is shown, 2nd button clicked => 2nd view is shown and so on.
Or every xpage should contain one view?
I raise this question considering the fact that in Lotus Notes if you had one frameset with 2 frames, you could easily create an outline in one frame, and some views that will be open by every outline entry in the 2nd frame. What I want to do is quite the same thing.
I appreciate your time. If you think this question isn't 'good' enough, I will just delete it. I'm new in XPages development.
Use simple table with one row and two columns. Place your buttons inside the left cell. Put the switch control (mentioned by Tim) to the right one.
More about the control in extlib demo DB... online demo here
Create separate custom control for each view and drag and drop "Include Page" from container control to the right column of your table and compute the page name instead of selecting an XPage. You can compute like this sessionScope.CCName + ".xsp". And onclick of the button set appropriate custom control(which contains the view) name as the value to the sessionScope variable and reload the page. This will do what you want. I hope this too helps.
You could do this on a single XPage using a xe:navigator control in the left column and an xe:dynamicViewPanel control in the right. These controls are available in the Extension Library if you are running 8.5.3 and natively available in release 9.
The Dynamic View Panel control is the dynamic content control for displaying one of several Domino views. Only the component for the displayed view is loaded in the component tree so it is highly efficient compared to alternative designs (like an xp:viewPanel control in each facet of an xe:switchFacet control as each viewPanel is loaded in the component tree on the server, not just the one that is rendered).
See this online demo http://xpages.jp/demos/xpagesext.nsf/Domino_DynamicView.xsp
put each content on a seperate panel in a custom control.
Have those custom controls in seperate divs and show/hide divs based on button click.
If you are using different xpages, you can use IncludePage(from container controls), which will act like a computed subform.

Liferay - application too wide for column

The calendar widget is too wide for its column in a liferay site im making. I could fix this with some CSS but its a bit of a pain as you can select different time spans, etc. Im new to liferay so is there a standard way of dealing with width problems for applications?
Thanks
Depending on what version you are using, use the Dock or Dock Bar to select a different Layout Template so that the column you're placing the large application is wider.
By default it is a two column 30/70 (meaning 30% for the first column, and 70% for the second).

Resources