Move the CKEditor inline toolbar - position

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;
}

Related

Highlight current item in inner post menu in WordPress

WordPress has a built in feature that assigns the class “current-menu-item” to the current navigation item.
Nevertheless, that feature only works for contextual menus; and not for the ones inside the post content.
You can see in this page that the first level parent item OBRAS is highlighted, but not the third level child GRÁFIKA located left in the inner page menu.
Looking for a method to accomplish this highlight feature in the inner menu.
Thanks
I asked this question based on 2 facts:
– The menu is created by WordPress.
– The plugin; all it does is generate a shortcut to insert the menu inside the post.
So the question is not Theme related, and not plugin related. It´s WordPress related.
Nevertheless, I asked the Theme developer and the Plugin developer, without response.
In addition, no answer from WordPress.Org Forum. All they say is “ask the theme or plugin developer”.
Therefore, once I found a solution, not the ideal one but at least one that will allow the highlight effect without any core modification, I felt I had to post it here:
I used Wordpress Add Custom CSS plugin to add css per each page.
Then I added the individual code for the first inner menu item and it worked:
li#menu-item-981 a {
color: #FEBF46 !important;
font-weight: bold !important;
text-shadow: 1px 0 #FEBF46;
}
And that was it; not an ideal automatic solution, but a simple and clean one.
Thanks for your attention.

How to make circle-shaped button in Qt Creator

I'm creating a gui in Qt Creator in ubuntu, and I have a big rectangular button that I'm trying to turn into a circle or oval. It won't let me edit the code in edit mode, I can only change how it looks in design mode I think, which isn't helping me. How do I do this?
The look of buttons (and other widgets) is controlled by "style sheets".
I don't have Qt creator in front of me at the moment, but if you select the button in the designer and look at the properties there is something there that opens a dialog that let's you enter "css" to control the look of the button.
After looking at QtCreator, the property to edit is called "styleSheet".
Example:
QPushButton {
border-color: rgb(66, 69, 183);
border-width: 3px;
border-style: solid;
border-radius: 40px;
margin:30px;
padding:30px;
}
Gives

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;
}

How do I set a background colour for QTextBrowser?? (PyQt)

I have created a QTextBrowser and I wanted to know how i would set the background colour of the whole widget.
I have tried QTextBrowser.setBackground(QtGui.QBrush(QtCore.Qt.blue, QtCore.Qt.SolidPattern)) with no luck.
In this case I suggest you to use stylesheet:
If in QDesigner, right click on the control, click "Set Stylesheet" and write
background-color: blue;
If you want to do it by code, just use
YourControlTextBrowser.setStyleSheet("background-color: blue;")

JavaFX Scene Builder: pointer cursor onMouseOver

Is it possible to set the mouse cursor to become a pointer (hand) when hovering a Node width JavaFX Scene Builder? How?
You can add the following Style to the Node in question:
-fx-cursor: hand;
For additional options, check out the JavaFX CSS Documentation
for the new one you can use this in your css file
.glyph-icon{
-fx-fill: White;
}
.glyph-icon:hover{
-fx-cursor: hand;
-fx-fill: black;
}
`
In the latest Version of Gluon Scene Builder (v11+), this feature is available under the Properties > Cursor with a few other options as well.
The good thing about this feature is that the cursor is updated while you view the options, i.e how will setting that property look like as shown in the below GIF.

Resources