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;
}
Related
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 */
}
I have an issue when trying to make a footer using flexbox. I want the footer to appear at the bottom of the webpage using align-items: flex-end. I found an answer on this website saying that I need to add 100% height to my code, but when I do it adds more than the height of the screen and makes it so I need to scroll to see the footer. Here is the basis of what I'm doing (I made the whole footer green so I could see what was happening):
http://jsfiddle.net/kk4jec81/2/
Thanks in advance for your help!
I know it's been a while since the question was asked but here's a way to solve it:
http://jsfiddle.net/kk4jec81/9/
I added some comments on the CSS but what I did is body {display:flex;flex-flow:column;}, then I deleted the 100% of the footer and finally .menuContainer {margin-top:auto;}.
Hope that helps.
I'm using CKEditor 4 inline. Is it possible to change the toolbar location e.g. 50px over the editor div?
Thank you!
If you want to keep this "floating toolbar" behaviour, then you can move it around using these settings.
But if you want to keep toolbar in one place, then check this plugin: http://ckeditor.com/addon/sharedspace
There's a sample, but you need to build a CKEditor package with this plugin and then you'll be able to check it.
You can simply give margin-top: -50px; to the toolbar element if you want to place it 50px over the editor div.
Thanks to Harish, I've found a way to make it work for CKEditor 5: Inline Editor. This is how to move the toolbar relatively from its current position.
.ck.ck-toolbar-container {
margin-top: -24px;
margin-left: 48px;
}
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.
I've got an Advanced Menu in my Orchard CMS project.
First I had it in Navigation Zone and everything was fine until it became too wide, so I decided to move it to AsideFirst Zone and make it vertical.
But when I moved it I discovered that my menu is cut off by AsideFirst zone, the div element with class "zone-aside-first", to be exactly.
Whatever you do it stays inside that div and menu items that supoused to overlay other zones as it was in navzone are cut off.
I've tried to play with css style but it didn't help.
Any thoughts?
The answer happened to be very simple.
To solve the problem I just added a css style to AsideFirst Zone.
#aside-first { overflow: visible !important; }