How to show dockWidget at specific position in Qt? - qt

I want to open my Qt application like as shown below. I have four dockwidgets, one is fixed and others are dockable.
___________________
| |mov. |
| Fixed |dock |
| dockWidget |widget|
|____________|______|
| Mov. |Movable |
|dockwid.|dockwidget|
|________|__________|
How can I create some settings or code to achieve this?
Can I use .ini file for default settings and user can also save its settings in .ini file? And how?
Here is the screenshot.

Related

After adding lazy load in existing app, style is not working

In my existing app I add lazy loading module...
first I have this structure
app.component.ts
app.component.css
app.component.html
app-routing.module.ts
app.module.ts
|
|-nav
| |-nav.component.ts
| |-nav.component.html
| |-nav.component.css
|
|-users
| |-user.component.ts
| |-user.component.html
| |-user.component.css
| |
| |-add
| |-add.component.ts
| |-add.component.html
| |-add.component.css
|
|-tests
| |-test.component.ts
| |-test.component.html
| |-test.component.css
| |
| |-add
| |-add.component.ts
| |-add.component.html
| |-add.component.cs
And in USERS and in TESTS I add module.ts and routing-module.ts and lazy loading everything.
And this works in a proper way.
1. Question
Now any of this CSS in this component not working (nav.component.css, user.component.css, add.component.css, test.component.css...)
When I inspect element in the console I see the property but it is crossed.
2. Question
I didn't add the module to add.component.ts because it is called on click, or do I need lazy load this too?
Thank you
I found where was the problem, the problem is not in CSS but in flex-layout.
I separate modules in the core, shared, etc module...
And I put flex-layout in the shared module, but I forget export it

Include local image in shiny

I'm trying to include a picture from my ubuntu machine into a gvisTable.
The path is specified as
<img src="google_logo.jpg"/>
And the folder structure looks like this:
+---/srv/shiny-server
| +---shinyApp
| +---server.R
| +---ui.R
| +---wwww
| +---google_logo.jpg
Pictures with an url do work, I played around with different placements of google_logo.jpg and the permission of google_logo.jpg, but I can't make it work.
In my css file I can access local images in the same directory with url("image.png")
Any suggestions?

CMake finding directory of proper name

So as in the question.
I have structure of folders lets say like this:
|-root
| |
| |-someFolder
| | |
| | |-someSubFolder
| |
| |-someAnotherFolder
etc. in general I don't know far folder can be nested, but I need sometimes to
find path to a folder, that I don't know it's location (only name).
How can I do this using CMake? The only thing i found was find_path, but as I am looking for another CMakeLists.txt file in whole project, that is in the specific folder I cannot effectively use it.
So what is the way to find path to folder of given name provided I know path to the root folder?

Spark Datagrid with Splitted columns

I'm trying to figure out how can i get that a simple Datagrid has splitted columns.
I need the following layout:
+-------------------+
| Destination |
+--------+----------+
| Dir 1 | Dir 2 |
+-------------------+
Any idea about how could I do it?
You can use a header renderer for the same. Customized renderers can be created.

Vertical spacing between display:inline divs in a fluid grid

Ok, not too sure where to start...
I'm putting myself together a blogger, completely gutting it's css and just using it as a simple content manager. here is the test site i've been working with
http://jamesparishtestblog.blogspot.com/
Ignore the header, its broken, but I know what I'm doing there. My problem is with the film reviews (stolen from apple trailers as temp content). As you resize the page, they flow fluidly into rows of different lengths. Great! Trouble is, the second row (and thus third, fourth, etc.) aligns itself vertically to the bottom of the longest (lowest) div in the above row. However, I want each div to fit neatly below the one above, 15px apart, and to flow neatly if another div is expanded (by clicking read more...).
Placing the divs in a column is ruled out, because I want the top row to contain the most recent posts side by side (with a column they would be below one another on the left hand side).
Set heights for the divs is ruled out too, because the articles need to expand, and for the full desired design, be mis-matched intentionally.
This has been troubling me for hours. I hope I've explained myself clearly, and that someone will can help.
Thanks for your time.
So you want this?
--------------------------
| __________ _______ |
| | | | | |
| | | | | |
| | | | | |
| ---------- | | |
| __________ | | |
| | | |_____| |
| | | _______ |
| | | | | |
| ---------- | | |
| ------- |
|________________________|
Without using columns you can't do it relying on CSS alone. You'd need to use some javascript or server side stuff to put things in the right place. Essentially you want a collage, too bad there's no "display: collage"!
Of course, I could be completely misunderstanding you.
Edit:
"any suggestions on the javascript front?"
I use mootools for almost all my sites. I'll define a bit there first:
dispose : takes an element out of the dom and stores it in a variable.
inject : plops an element into the dom.
I'd load these into columns, then dispose all the ones in the "recent" column and inject them back in to the top of the rest of the columns, one for each column. In other words, all the layout is done with CSS, the only javascript going on is putting your "recent" stuff as the top "row".

Resources