I'm making a piece of software in VBA and the user clicks on an icon to takes them to a website.
The code is all working but I have one problem.
The userform has a background image and the icon no matter what file type (.jpg, .bmp) the icon's background is always white, even if the property is to transparent instead of opaque. Can anyone help?
I've seen about Microsoft Photo Editor but I can't seem to find it on my Windows 10 machine...
Related
I've added the "Launch program" checkbox on the final card of the installer, but for some reason WiX is placing the checkbox below the custom bitmap instead of on top of it with the other text. Can someone point me in the right direction to getting the checkbox directly below the other text instead of below the background image?
I followed the tutorial on this page to add the checkbox: https://wixtoolset.org/documentation/manual/v3/howtos/ui_and_localization/run_program_after_install.html
I came across this page on the WiX toolset docs. Basically, it says that the checkbox with the grey background is a common complaint and there's a workaround mentioned, but not a way to remove the background.
And a common complaint: no, the checkbox can't have a transparent background. If you have a bitmap in the background, it will be ugly, just like in our example above. The only workaround is to reduce the width of the checkbox to the actual box itself and to place an additional static text (these can be made transparent) adjacent to it.
EDIT (for completeness): It looks like my initial guess on what was going on with the bitmap image wasn't accurate, based on the above-quoted page. Closing this as answered.
Goal: I'm using a VS extension called "ClaudiaIDE" that enables you to set an image as a background to Visual Studio 2019. I set the background to a wood grain wallpaper (it looks amazing). It makes the code editor background and main window background transparent so you can see the image, but not anything else. I then started using Color Theme Editor to add transparency to other sections of the VS IDE so it's mostly showing the background image. I want the right side windows (like solution explorer) to be transparent as well.
Two stackoverflow answers say the color value is stored under "treeview". I changed the "treeview" background using the wizard but it made no difference (despite other SO comments saying it worked). Likely due to the old answers being for VS 2017 or earlier.
I then changed the "treeview" color manually in the CustomTheme.vstheme file and I successfully made the grey color transparent, but now there is an absolute black blackground, which was perhaps there to give a shadow effect. The code I edited is below (The opacity is intentional):
<Category Name="TreeView" GUID="{92ecf08e-8b13-4cf4-99e9-ae2692382185}">
<Color Name="Background">
<Background Type="CT_RAW" Source="00252526" />
<Foreground Type="CT_RAW" Source="FFF1F1F1" />
</Color>
I searched for every reference of "#FF000000" and for testing made them all fully transparent: "#00000000". This made no difference, solution explorer retained its "#FF000000" (by observation only, I don't know where the code is). I know the hex is right because I copied a screenshot into paint.net and grabbed the color.
I then changed my Microsoft Windows settings so that it didn't use the dark background, in case it was applying that to the VS windows. No change.
If anyone has any ideas on how to access the black underlying background for windows like "solution explorer" i would greatly appreciate it. It must be getting that value from somewhere.
Install this:
https://marketplace.visualstudio.com/items?itemName=VisualStudioPlatformTeam.VisualStudio2019ColorThemeEditor
Top menu:
Tool=>Customize Colors => choose theme
Show All Elements button (same row with save icon)
Search for (there is search box):
Environment → ToolWindowFloatingFrameInactive
Environment → ToolWindowFloatingFrame
Tool Window → Tab → Background
TreeView → Background
We are trying to incorporate an image within a link on an Acumatica report.
We are very close to getting the result we need with the 2018R2 version and have a strategy for a workaround in the 2018R1 version.
The TextBox control Is the only way we have found so far that will allow for setting a hyperlink within an invoice report definition. We are able to set a background image in the Appearance/Style/BackImage property. The only way we can get the whole image to be clickable is to have text span the whole control which is fine if we can set the text font to use a transparent color. Setting the Appearance/Style/Color seems to be the property to do this however when the report is previewed the font gets overridden and displayed as the standard Hyperlink color. The behavior when the report is rendered as a PDF via Acumatica’s email delivery system the font appears white. See Images for a visual.
Transparent Text in Report Preview
Transparent Text in Rendered PDF
There looks to be an Appearance/StyleName property for the TextBox control is there an underlying CSS file that can be further manipulated to also control the LinkText properties to display the LinkText in a transparent font? If yes is there any documentation that would help with doing this.
The 2018R1 versions and prior do not render a clickable link within a PDF if the above strategy is used. Per the ticket, I opened last week on the topic the only way to get this link is to have the whole URL on a single line.
PDFs rendered from a invoice definition hosting a hyperlink will not create a clickable link
This makes it a challenge to control the placement of the image to be centered as well as having only the space within the first line as being clickable. We have solved this in a different ERP system by having multiple links overlapping a background image also using transparent font. This required us to set the Z order so that the link controls are rendered on top of the back-ground image. The Acumatica Report Designer however appears to not have the ability to control Z order. Any attempt to place a link overtop of an image does not achieve the result we are looking for. If we can get this strategy to work we will likely also use it for the 2018R2+ versions to keep things consistent.
This screenshot depicts the strategy attempted.
Are there any other strategies to meet this requirement?
Thanks in advance.
For Version 2018 R2:
You can use the TextBox->Style->BackImage property to show the image and the NavigateUrl property to set the URL link. Html mode doesn't display back image but PDF mode will display it fine and the image link works:
For Version 2018 R1:
Unfortunately I didn't find a way to achieve this because I can't get the text to render transparent when it is located over an image.
There is z-order control (bring to front/send to back) in the report designer toolbar and right click context-menu. The problem here is that while the report designer supports overlapping control the report renderer doesn't. If controls are overlapping, when printing the report the overlapping controls won't get rendered on top of another like they are in the designer.
Having overlapping controls isn't really required here because we can display the image with the Textbox Style->BackImage property or with the Report->Style->BackImage.
It's also possible to make text font size bigger so you don't need multiple text box or set multiline=true with textwrap=false and repeat link on each line.
But the main issue remains rendering transparent text over an image. I couldn't find a way to do that. When there's an image under the text, the text is no longer transparent. That behavior happens for the textbox background image as well as the global report background image. This suggests to me that it might not be possible to put transparent text on top:
my website, has some issues acting different for different browsers.
the red panel appearing under the grey buttons on bottom,seems only ff,not other browsers.
when user clicks one of grey buttons on the bottom,red panel should start under the white panel.but it starts a little bit of its left side.
the white panel on the left side on islerimiz.html(which user clicks middle button on bottom) page should be blurred.i added script for this but it is not doing blurring thing.the same script is on the iletisim.html(which user clicks rightest button on bottom) page and it is working truly.
ie6 errors:
the red point seems as a rectangle.
red panel script is not working.
the background of page and the logo's background should be the same but they seems different
the blurred panel on islerimiz.html page is not appearing at all.the bottom buttons seems true but the active button's color should be black but it seems grey too.besides little pictures should appear when mouse hover on the grey buttons,appears on open position.
the blurred panel on iletisim.html is not appearing.the pictures on the blured panel appears with shadows and shape is rectangle.also the links on that pictures is not clickable.
how can i solve this problems with css.if i couldn't solve with css,i can try jquery but my first choice is css.i have more than one javascript library on index page.but if i remove one of them,some scripts is not working.
almost all of those issues are because you are using pngs. switch them to gifs. apply them in a style sheet wrapped in conditional comments, at least for ie6, and a percentage of that list will go away. your selectivizrCSSForIEselectivizr.js is also targeting greater than ie6. i'm not sure what the red panel script exactly is, but i see you are adding webm file for ie...idk 100%, but i'll say it doesn't support that format either. convert it to media type that ie6 likes, and again, only serve this up in the ie6 conditional comments
I am looking for the graphic design terminology for describing themed buttons used in a web application. The way I understand it is that certain color/backgrounds are created and various sized and shaped buttons use the background to display.
I have seen them out there - but have no idea exactly how they are used or how to talk about it.
Themeing applies to all controls across a page(s) typically, if you want to isolate a control then you would refer to themed control x. In your case a themed button.
Buttons are usually referred to as having text, image, image and text or bare image. In this scenario the theme could be applied to all these types of buttons excepting the bare image button. Using style (CSS) and or javascript.
Often time raw images are used for buttons in this case the image itself is encapsulateing the theme.
These are usually referred to as image buttons or picture buttons, you could say themed image button.