How can I render the fields and datatable by using <p:panelGrid>? - jsf

I have no idea how to render the below image with input fields and datatable with the exact alignment in UI.
I referred some documentation with examples, but I can't find the pattern for datatable. Attached the image below. Kindly share your thoughts for this as outline.

I would consider using PrimeFlex instead of p:panelGrid.
You basically need a 3 column grid layout. See the first example:
https://www.primefaces.org/primeflex/gridsystem
An the input can be done using form layout. See the horizontal examples:
https://www.primefaces.org/primeflex/formlayout
For the data table, simply use the p:dataTable. See: https://www.primefaces.org/showcase/ui/data/datatable/basic.xhtml

Related

How to reduce the length of the databand in stimulsoft

I'm a very beginner of stimulsoft. I'm creating a report from my DB SQL but I've got problems with the lenght of the databand.
Basically, I would like to reduce the lenght of the databand because the data-source is different.
In the picture, I would like to trim the databand before the title "Descrizione". Can anyone help me?
Thank you so much
The bands have the heights only and it fills the whole width of its contained (here it is the page).
You need to use the Dock Style property that allows changing the position of the text components dynamically.
But you should check the order of the text components in the Report Tree.

How can I show the selected item centred of the pivot header in UWP?

By default the item selected from the pivot header appears on the left side. This behavior can be changed so that it appears centered or right side?
I have a list of 20 items and therefore they don't appear all at the pivot header. So it is visually more appealing if the selected item appears centered on the screen.
Currently is working like the follow image:
enter image description here
I would like it will work like the follow image:
enter image description here
Here's what you need, skip to 26:30.
https://mva.microsoft.com/en-US/training-courses/xaml-for-windows-10-layout-14328?l=cEHXB74sB_4304819052
There's a lot to it, but you can do it using the Pivot control.
Best of luck.
please check this post
https://blog.hompus.nl/2015/09/04/responsive-pivot-headers-in-universal-windows-platform-apps/
you need to modify HorizontalContentAllignment property to center the content
Here is some example modifying the style with setters

Prevent Resizing in Dojo Data Grid in Xpages

I am creating a dojo data grid following Brad Balassaitis' excellent blog series. I want to prevent the user from resizing any columns.
I know that each column needs the attribute noresize=true, but I don't know where to put that in xpages. I have defined the width of each column using percentages, and that is working. I just don't want the users messing with the widths I have set. I am hoping to not have to programmtically define the grid if I can help it. Is there an easy way to add this attribute?

Format lookup column to display Name (FileLeafRef)

I have a custom publishing page layout I have created. The content type behind the page layout has a lookup column pointing to a document library where I store images. Basically, the pages I am creating from the layout are 'articles' and I have an associated image with each.
As you can probably guess by now, I want to display the lookup image on the page. However, I cannot for the life of me figure out how to do this. I have been inserting columns into the page layout via controls, but I'm not sure how to format it to look at the source document behind the lookup column. I am wondering if it is possible somehow through controls, and if not this way, if it can be done through modifying the XSL of a webpart. My last option which I don't want to use but I know it would work is a workflow (on new item creation, copy Name (FileLeafRef) into a hidden single line text field I coult utilize).
Does anyone know how to format a lookup column to display Name (FileLeafRef)?
Help is greatly appreciated!
-Josh

Rich pick list tab order

I am using rich:picklist. It has to two list boxes as it has and four buttons in between for moving one or all . I need to give tab order to this picklist together with buttons and boxes.
Can anyone help?
I think you can't beacause there isn't tab index on the component.
Looking on the generated html source, boxes are tables and buttons are div : hard to define a tab order without the generated ids on such components...

Resources