My application is set up to use the flex framework_3.3.0.4852.swf as an rsl, which works fine reporting no errors. However, now some of the charts have lost there legend text for both vertical and horizontal axis.
When analysing the styles/properties, the UITextField used for axis text has a text width of zero! The data is set correctly, and all parent components are set to a size that shouldn't influence the text width.
Initially I thought I had a style bleed problem, but then I discovered that if I built the application with all libraries (including the framework) merged in, the problem goes away.
I have also done some tests using inline styles to override any style bleeds that might have been coming through, this had no effect.
Has anyone seen this type of thing before relating to using rsl's?
UPDATE:
I have since found some known bugs in the adobe support knowledge base https://bugs.adobe.com/jira/secure/IssueNavigator.jspa?
Here are the 2 bugs that relate to my question:
1) https://bugs.adobe.com/jira/browse/FLEXDMV-1883
This is reported as fixed, however the next bug seems to disagree, I'm going to investigate further into this and update this question again.
2) https://bugs.adobe.com/jira/browse/FLEXDMV-2065
UPDATE:
Ok I removed the embedded font being used for charts from my stylesheets, from both module and application. The UITextField text has now appeared again. So clearly an embedded font issue.
So in summary, if you have a modular application, you need to embed fonts in both module and application for them to be picked up correctly. But if you use the framework swf as an rsl, you cant use an embedded font with chart axis text.
UPDATE:
Now I have a real problem, 2 of my charts use a rotation effect. When the effect plays and finishes, the axis text disappears because I need to use an embedded font when applying effects to text in this way. But of course I cant use an embedded font for chart styles when I have the framework swf as an rsl!! Not sure how to get around this one?
After some attempts to override the way Axis labels are rendered for chart components when using SDK 3.x, and not getting very far. I have decided that the short term resolution is unfortunately to roll back our builds, not using the framework swf as an RSL until we can upgrade to version 4.x of the SDK.
The main reasons for this are:
1) If the framework swf is an RSL in your project, you cant use an embedded font for chart axis labels, as they don't show up. If you analyse their properties, you'll find all data is correct except text width will be set to zero.
https://bugs.adobe.com/jira/browse/FLEXDMV-1883 - modular app related similar bug
https://bugs.adobe.com/jira/browse/FLEXDMV-2015 - RSL related
https://bugs.adobe.com/jira/browse/FLEXDMV-2065 - RSL related
2) If embedded fonts are removed from charting component Axis styles to fix the above issue, you then cant apply effects to the same components. This is because you need to use an embedded font to apply effects correctly to the Axis labels.
The only way to fix this issue is to upgrade SDK to 4.x as the chart Axis uses Label instead of UITextField.
Related
When i add splitters, it acts as a layout, but also allows to resize the widgets in runtime. So, for example, i managed to lay out my widgets in this way:
Therefore, i can resize my widgets in runtime. As i noticed, this function is also available in designer mode, but it doesn't work properly. I tried to hover over my splitter and drag it in designer mode, but it only replaces the entire widget.
That is how does my main window look like in QtDesigner. I haven't tried to code yet. The problem is, that even though i used to set a stretch factor, my widegt's look in designer mode and in runtime completely differ. They have another sizes.
So, what are the problems:
Firstly, i can't change my widgets sizes properly, using stretch factors. I don't know, i tried to change size policies, but i did't manage to see an effect. I have somehow changed size of the vertically oriented widgets, but when speak about horizontal orientation - stretch factor and size policy doesn't change anything at all.
Secondly, i can't move my splitter in designer mode. It's position is constant, by default, it's always somewhere in the middle.
Thirdly, i have bugs (i think so) with my widget sizes in designer mode. They differ with widget's sizes in runtime.
Question:
So, how can i change widget's sizes properly? Maybe there's a way of moving a splitter in designer mode - do newer versions of Qt have it? Currently i'm using Qt 5.9.9. Also, why these bugs, and are they bugs at all. Maybe i just should update my Qt to newer versions to get access to newer functionalities?
Comment: I'm not sure if stretch factors work with layout as they do with widgets. I'm using layouts exactly the same way i use widgets. My layout's wrong(maybe) use may have caused this problem. Anyways, i'm entirely new to Qt, and may not know something to understand it completely.
I am working on a project where we have designers that work in Adobe RGB and are used to seeing the more vibrant colors from that spectrum in Illustrator. However we have been building an application that will allow them to do their work in a web browser using a THREE JS 3D workspace.
Because we have been creating the color swatches using CSS background color and applying RGBA to the meshes in THREE we have been displaying everything in sRGB, and now the designers are complaining the colors don't seem right in the browser.
I know that current versions of Chrome support color management for images but I can't find any information about CSS or Three JS. Does anyone know if it's even possible to control the color profiles for these areas, or are we just going to have to live with sRGB?
We have the very same problem, i found no way to control the CSS Colors. I think this will maybe change with the mediaQuery keyword, but I did also not found out if it will affect CSS colors.
http://furbo.org/color/ResponsiveColor/
We only need a special set of colors so now we store them in a texture and make a lookup, but I guess this is no solution for you.
Is your destination the web? Then Adobe RGB is not presently supported, and is not recommended.
The Standard for the Web is sRGB
The W3 defined the standard for web content as sRGB. In the future, CSS4 will support other colorspaces. Right now? Stick with sRGB.
Chrome, and most browsers do not support any color management for CSS. Safari is the only one I know that does, at least without tweaking some internal experimental options on the others.
When possible, I suggest working in the destination space (though possibly working at a higher bit depth) then there will not be these kinds of "surprises". In the interim, you might try converting the existing work from AdobeRGB to sRGB using "perceptual intent" or "relative colorimetric".
Also, you can find the docs for CSS here:
https://www.w3.org/TR/css3-roadmap/
It is not possible now, but it will be possible in the future when draft specification from W3C will come into browsers... (https://drafts.csswg.org/css-color/)
It is now already possible in latest Safari of MacOS BigSur. There is even a special test here.
Console in Safari also has Color managed color picker.
I'm working on application for embedded and we have 256x64 grayscale screen. Qt 5.3 perfectly renders on that screen with -platform linuxfb option. Obviously, we save every pixel of space, so I faced with trouble: Qt Designer adds excess 1 pixel spacing for every layout element deeper in hierarchy. So they accumulate for the most deep widgets. More precisely, for some reason child element of layout components gets coordinates (1,1) relative to parent. So, it's true for every widget except for root widget. Picture below demonstrates accumulated spacings (thin and thick red lines), and (1,1) coordinates of the very first child widget.
I believe it's Qt behavior itself, not just Qt Designer issue (not tested yet). But I can't work further even if it's shown in Designer only: I need to have pixel-exact view while designing.
Of course, every spacing and margin of every component in form set to 0.
Manual coordinates assigning (from code) eliminates the problem of course, but I need to generate code by uic.
So, my question is: how to avoid such spacings? Fixing Qt core sources can be (hard) option too, since anyway we recompile Qt for the project.
Mirror post on Qt forums
Thanks.
Ilia.
If you select Form > View Code, you can see that the geometry is not actually used for widgets which are inside a layout. So the numbers you see in the Property Editor are purely informational and have no relevance to the eventual code that is generated from the ui file (which is why they are greyed out).
The one pixel offset is there because Qt Designer needs space to draw the red boxes around layouts. They have to be be represented somehow, so I don't see how this can be avoided given the way Qt Designer currently works. If you want a more accurate reprentation of the final results, I suppose you will have to show a preview.
There is a facility in Settings > Preferences > Embedded Design that allows you to specify device profiles (which determine things like style, font, and screen resolution). This will add a new entry to the Preview In menu, which should allow you to refine the accuracy of the previews even further.
(Ask to answer)
For the project I'm working on we have a custom set of icons, which I converted into a font using https://glyphter.com/ (just googled this type of service and it seemed okay).
Inside one of the block I'm inserting an icon with the class from the CSS generated by the service (like you normally do with an icon font).
And suddenly the displayed icon is wrong - though the content property is okay.
Also could not find any other interfering styles which could do that.
Sorry, no code here, got no time for that. Also the project is quite restricted in terms of sharing details.
So after half a day of looking for a problem and trying different scenarios, it appeared, that the icon font generated had the same icons for the letters in both upper and lower case. And yes, the set started on the letters, not with an extended UTF-8 table (or whatever).
So the parent element had text-transform: uppercase which changed the icon without changing the content or else.
Maybe someone will find this info helpful.
I'm developing a skin for Flex 3 using Adobe Illustrator and I've just ran into a problem. I've designed a larger scrollBar skin to be used in a touch screen application but Flex seems to apply the default sizes regardless of the size of the symbol in the generated .swf. I could achieve the correct effect with .png but I'd like to know if it's possible using the previous method.
Found it... i was mistakenly editing a symbol instance and not the symbol itself. Working just fine now.