We have a lot of text and background colors proposed to our user. (around 40 colors)
But all theses colors does not fit in the panel's height and the "more color" button is unreachable.
There is no scrollbar in this panel (this is explicitly forced in the code).
According to the code, this panel should "autoSize" but it seems there is a limit maybe ?
Some settings:
{
skin: 'moono-lisa',
colorButton_colors: [000000,323232,424242,535353,878787,a9a9a9,cbcbcb,eeeeee,ffffff,002a38,00384b,005571,007197,008ebd,32a4ca,66bbd7,99d1e4,cce8f1,252712,4a4e25,6f7637,949d4a,b9c55d,c7d07d,d5dc9d,e3e7be,f1f3de,4c1f03,672c07,9c470f,d76418,ff781f,ff9c5a,ffb787,ffd2b4,fff1e8,331f0d,663e1b,995e28,cc7d36,ff9d44,ffb069,ffcea1,ffe1c6,fff5ec]
colorButton_colorsPerRow: 9,
colorButton_enableAutomatic: true
}
CKEditor version: 4.17.2
Therefore I found all panels heights too narrow and it should be nice if I can globally increase their size.
Related
On iOS by default if you add the button in SwiftUI its size is equal to the size of the text. Setting the padding to some value expands the size to be bigger than the text by that value.
On watchOS by default the button has the text and background with applied padding. I don't see any way to reduce that padding (to make the button height closer to the height of the text). I have tried with setting padding and frame but it doesn't appear to be helpful - it appears even counter intuitive as increasing the padding reduces the height of the visible button but it keeps the overall size of the button in the layout which still isn't helpful.
Just to note that with storyboards this reduction of height is possible so I would assume that there should be a way in SwiftUI.
Set the button’s buttonStyle(:) to PlainButtonStyle() and you’ll have full control over the padding and frame. The downside is that you no longer get the default button background, so you’ll need to recreate it if you need it.
I'm designing a simple Kivy-based app that has an image in a Scatter widget and two buttons at a fixed position on the screen.
depthproblem.kv:
FloatLayout:
Scatter:
Image:
source: "img.png"
Button:
text: "Alpha"
pos_hint: {"x":0.00, "y":0}
size_hint: 0.20, 0.15
Button:
text: "Beta"
pos_hint: {"x":0.20, "y":0}
size_hint: 0.20, 0.15
depthproblem.py:
from kivy.app import App
class DepthProblemApp(App):
pass
DepthProblemApp().run()
The program starts with the buttons on top of the image, which is what I intend. This is because the buttons are declared after the scatter.
But when I touch the image, it lifts the image layer above the buttons. I don't understand why this happens, and couldn't find any documentation about how to control this behavior (searched z-index, order, layer, depth, etc.).
How can I specify the buttons to always be painted on top of the scatter/image?
Your problem with the scatter image coming to the front can be fixed by setting auto_bring_to_front to False. It defaults to True which is why you're getting that behavior.
Normally, the z-index (depth order) can be controlled by the order in which the widgets are added. The last one added, is displayed at the top I believe. See index of add_widget.
Using Ckeditor 4 is there a way to set the width of the editor for initial load but still allow it to be stretched horizontally?
The little nub in the bottom right corner only seems to allow vertical stretching.
That's because resize plugin by default allows resizing only vertically.
There's however a config.resize_dir option, which you have to set to 'both'. Check also other options like resize_maxWidth which may be useful for you.
I am using split view from the below link:
https://github.com/asyraf9/jquery-mobile/tree/gh-pages
When I click on the Demo button the menu page changes but the right panel is not changing as shown in the demo page. Could some one give some clues whats the issue ?
Below is the demo link:
http://asyraf9.github.com/jquery-mobile/
Thanks
It looks like that demo uses jQuery Mobile 1.0 Final (based on the date at the top of the JS include).
You can ignore the rest if you are actually using jQuery Mobile 1.0 Final.
In 1.0.1, jQuery Mobile moved to only using page-transitions for browsers less than 1000px wide (I believe that's the number). In 1.1.0 this was altered to use only the fade transition for browsers with a screen-width that is too large.
This behavior has been added to jQuery Mobile because transitions usually look chunky on large screens (because so many pixels have to be drawn simultaneously).
Setting a max width for transitions
By default, transitions can be disabled (set to "none") when the
window width is greater than a certain pixel width. This feature is
useful because transitions can be distracting or perform poorly on
larger screens. This value is configurable via the global option
$.mobile.maxTransitionWidth, which defaults to false. The option
accepts any number representing a pixel width or false value. If it's
not false, the handler will use a "none" transition when the window
width is wider than the specified value.
Source: http://jquerymobile.com/demos/1.1.0-rc.2/docs/pages/page-transitions.html
I am designing a new report using oracle reports builder that comes with 10g. I have many columns to be inserted horizontally. But I couldn't increase the page width of the body section beyond 8.5 inches. But I can see the page width of some existing reports to be more than 16 inches. How do I increase the page width?. I have been googling for an hour but couldn't find anything useful. I have tried tinkering with the settings at,
File->Page Size
Tools->Options->Margin
Edit->Preferences
but no gain.
So any help would be much welcome.
Thanks.
In the Object Navigator window, open up the Layout Model node. Then double-click on the Main Section node to bring up its properties in the Property Palette window. There you will find Width, which defaults to 8.5, and Height, which defaults to 11.
Tony's answer shows how to adjust the width of the report. If you want to adjust the margin, then open up the Layout Model, click on the button "Edit Margin" (visit the tooltips to identify the button), click on the thick black border and then adjust the margin by dragging the small white square.
Regards,
Rob.
In paper layout go to headersection and double click change width height.
Do the same for mainsection and trailer section.