I've created several canvases in the Dark UI. Just for housekeeping, how do I remove canvases I'm no longer using? I've found the canvases listed under the Account/Canvases modal.
Unfortunately, Dark doesn't currently support deleting a canvas.
Related
Problem
Using react native web, I am trying to allow for drag to work over a touchable opacity. This will allow mobile users to scroll by dragging over the touchable opacity.
Attempts
Since there are two touchable opacities within a single view, I have been trying to fix it for the view (parent) so that it works for the whole section. So, within the view tag, I have tried handles like: onResponderRelease, onResponderStart, onStartShouldSetResponder, onStartShouldSetResponderCapture, and a few others in an attempt to find something that works, as it seems those handles would fix issues for react native. I have assigned them to false and true, however none of those fixed my issue.
Question
How can I allow components to maintain their ability to be clicked, while also allowing users to click and drag (scroll on mobile)? Thanks for any help!
In Laravel Spark 6.0, Taylor is using icons for the menus. I cannot seem to figure out where these icons come from or how to add more icons like them. In the code, he is using SVG. I want to add more icons, change icon colors, etc, but am not sure where to start.
enter image description here
I believe they are using fontawesome as their icon font, but the svg icons are zondicon. Steve Schoger designed Spark 6.0 and he also created Zondicons http://www.zondicons.com/icons.html
I think this is a very common problem, but I cannot find a suitable solution for me. As you all know, WP supports a dark and a light theme. The user can change the theme and there are ways to override his decision and to display everything in the color theme you've selected. However, I'm just trying to react to this two theme types and I want to display icons in the correct color.
If you use the Application Bar, you can select from many built in icons, which will be automatically inverted from light to dark and vice versa.
Why isn't there any support for normal images? For example: I want to display a telephone icon. I've picked one from the built in icons and copied it from the Microsoft SDK folder to the Image folder of my project. If the user uses the dark theme, everything will be fine because the white telephone icon will be visible on the black background. But if he switches to the light theme, the icon will be invisible because it is white on white.
I'm fully aware of the style resources for textboxes or background colors, which use the phone's accent or theme color. But why is it, that there is no support for simple icons which I added as Image to my XAML page?
Of course I could detect in the constructor of the page if the user is in dark or light mode. I would then load either a black or white version of the telephone icon. But this check will be done everytime I visit the page and slows everything down. It's also annoying to manually add the check for the theme each time I'm adding a theme aware image.
Is there any solution, which will work with XAML only? Or is at least easy to maintain? And why can't I use the built in images from the SDK right from the beginning? They are already available in dark and light versions and are already used in the application bar.
If you want the icon to function like in the actionbar, just be white (if dark theme) and black (if light theme) then you can add the image as an opacity mask to a rectangle, like this:
<Rectangle Fill="{StaticResource PhoneForegroundBrush}" Width="48" Height="48" >
<Rectangle.OpacityMask>
<ImageBrush ImageSource="/Images/my.icon.png" />
</Rectangle.OpacityMask>
</Rectangle>
Where my.icon.png is a white image, like those you can choose for the actionbar.
You could use vector graphics instead of bitmap icons and use a theme-aware brush to draw them.
If you want the App to respond to a switch of the theme you'll need to respond to it any way.
I added a property to the base class of my Views that returns the selected theme. That way I can use/bind to that value.
It is also possible to use a ValueConverter that turns a logical name of a resource into a name of a theme specific resource.
Edit
Have a look at this: Custom light/dark theme resources on Windows Phone 7
Detect the theme (Supporting dark and light themes gives the best solution for this, I think), and then set the image accordingly. If you do this a lot, a custom control where you can supply two image sources and the correct one gets used would be easy enough to create.
Edit: Here's another good article on this topic. New Screen Resolutions
You pick a White Foregrounded icon use it. It suits for both Light and Dark themes. Thats what I have been doing.
The Coding 4 Fun control toolkit includes a round button that mimics the application bar buttons, including updating the foreground color depending on the theme. The code is open source, so perhaps you might find an answer in there. Or, as a hack, you could use the RoundButton control, turn off the border, and not provide a Click event.
I'm currently trying to figure out how I can make those glyph/vector icons appear like the default ones that you get with Xcode (e.g. NSActionTemplate). I researched and saw that they were saved in Illustrator to PDFs.
When I did the same trick (I managed to find the original Illustrator files for the icons by Apple) and saved it as an PDF, imported it into my project and dragged the icon onto a textured button it appeared plain black. It did however clear the white background so I thought it might be the white background that was visible in the preview that caused it to not style the button like the originals.
So basically what I'm asking is how I manage to make a icon appear like the default. I don't really wan't to make multiple files and/or code the behavior, since it should be quite easy to just drag and drop the image onto a button and apply the style itself.
-- EDIT --
OK, so I found the solution — By appending the text "Template" to the filename it will do this. But I still can't figure out why my transparent PDF - exported from Illustrator as AI and EPS - it still have a white background, which Xcode uses - so it will be a rectangular with the effect I want, instead of the circle.
Anyone that have an idea on how to remove the white background from the PDF so it will work in Xcode. It bugs me that it shows it is transparent (when seeing transparent grid in the PDF and Illustrator) and it still have a white background.
The white background in the PDF (and you should always use PDF over EPS—they "play nice" with OS X) has to do with the PDF format originally being oriented toward printed content. The white background you see in Preview and Xcode is the "page" area. Fortunately, this usually goes away / gets ignored when you load the PDF into an NSImage, as happens when you put it on a button.
If I'm understanding correctly, the problem you're having is you place a PDF with no background on a button, and in Xcode's Interface Builder it displays as if there were a background? I was able to reproduce this behavior, and I'm not sure what caused it. But I built and ran a test app with the very same Template file and errantly-displayed NIB. And in the actual, running Cocoa app, the graphic displayed correctly.
Sometimes Interface Builder just previews wrongly. I suspect the problem is merely cosmetic in preparing the interface.
I've got a Wordpress site with some CSS3 rules applied to some images that rotate the images and have a hover effect on rollover too. Problems are showing up in Safari & Firefox when you hover on and then off these images and I can't seem to locate any similar issues by people on the Interwebs.
See http://tinyurl.com/3n2eude and hover on and then off the images (the slightly rotated ones):
Member name goes blurry and then back to normal (Firefox)
Member image border becomes jagged (Firefox)
A big black line displays to the side of the member images sometimes when you hover back and forth between two member images (Safari)
If I disable the transform:rotate rules, it's all fine. So seems to be an issue with that rule. Just can't work out how to get around it.
Anybody got some ideas on how I could get around these or what might be causing it?
Thanks for any ideas you might have!
Bit old of a question but that problem is related with rendering on browser (from what I understood). It cannot be fixed on CSS/HTML side. It must be fixed on user side.
Fix: http://www.askvg.com/how-to-enable-direct2d-directwrite-hardware-acceleration-in-mozilla-firefox/
More information about problem: CSS3 rotate - rendering problems in Firefox and Safari