How to make People Editor look like Textbox? - sharepoint

I have three people picker controls on my aspx page.
But the control size is not editable. I tried reducing its height, width but its not working.
How to make my people editor look like textbox.
Any Suggestions Appreciated.

Add this class in your CSS, and update height and width as per your requirement.
div.ms-inputuserfield
{
height: 24px;
width: 151px;
}
This will update height and width of people picker.
PS: No need to apply this CSS class to your people picker control.
Thanks.

Related

Hide Scrollbar in Oracle Apex Navigation Menu

Hopefully someone can help me here.
I'm working in Oracle Apex and have a side navigation menu which expands and shrinks. In both versions there is a visible web browser vertical scroll bar.
Is it possible to hide this but still maintain the scroll feature?
For example this sample application I found online (https://apex.oracle.com/pls/apex/f?p=42599:1::::::) contains the same functionality but without the scrollbar present. Looks a lot cleaner and doesn't get in the way of text / icons etc.
Here is a picture to show both systems.
Thank you
If you want this behaviour throuhought the application, define the below CSS code either on the page 0 or in a global CSS file.
/* Hide scrollbar for Chrome, Safari and Opera*/
.t-TreeNav::-webkit-scrollbar {
display: none;
}
/*Hide scrollbar for IE, Edge and Firefox */
.t-TreeNav {
-ms-overflow-style: none; /*IE and Edge*/
scrollbar-width: none; /*Firefox */
}

Xpages - control spacing of bottom pager in a view

I have some views that I have built that are fairly basic, and I am trying to make them very aesthetically pleasing.
All has gone well except I cannot control the padding on the bottom pager.
I want there to be some space after the last entry and before the table.
Any help would be greatly appreciated.
Add this to your XPage's css
.xspDataTable {
margin-bottom: 20px !important;
}

Javafx Image and Text align on Button

I created a javafx button and added image and text.I want text place to top and image place to middle of the javafx button.Is it possible with javafx and how can I do it?
You have to use button.setContentDisplay(ContentDisplay.TOP);
ContentDisplay
You can also use CSS for the button. The below example will display the text at the top with the image below (which seems counter-intuitive) for all buttons:
.button
{
-fx-content-display: bottom;
}

ScrollBar in LWUIT

How can I edit the style of the listsĀ“ scrollbar?
I want to modify its width, mainly.
To change his colors I use the UIID ScrollThumb, is this correct?
Thanks
#Shai Almog shows me how to edit the ScrollBar.
Using the UIIDs "Scroll" and "ScrollThumb", I can customize my appsĀ“ scroll. Modifying padding/background I can control the width.
There are so many examples in the LWUIT svn.

Sharepoint 2010. Add custom background and frame for content editor webpart

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.

Resources