I'm searching for a way to find out which style resources a control uses.
I.e. I'm currently trying to change the Brushes of the back Button in my app.
Confusingly these brushes are partly located under the ResourceKeys AppBarItemPointerOverForegroundThemeBrush (etc.) instead of BackButtonPointerOverForegroundThemeBrush (which doesn't seem to change anything - side question: what's this resource for?).
I couldn't find the the foreground theme brush resource for the normal ViewState at all.
So I'd love to know if there's some way or some website where I can see which resources a specific control uses. The Microsoft Docs have these informations for some controls but unfortunately they are incomplete and I didn't find anything about the NavigationBackButtonNormalStyle (apart from the information that it should look like an AppBarButton which explains why it uses AppBarItem style resources - however that doesn't explain the existence of BackButton style resources).
1)You can get all styles in Pc C:\Program Files (x86)\Windows Kits\8.0\Include\WinRT\Xaml\Design
2)Install XamlCandy app
3)Style for specific control
-In Designer View http://i.imgur.com/tg8icLv.png
-http://i.imgur.com/VdB28oY.png and Press Ok
-http://i.imgur.com/9wNmQga.png
and you can change Winrt Default Control color by replacing color
<SolidColorBrush x:Key="AppBarItemPointerOverForegroundThemeBrush" Color="Red" />
Related
I want to embed this a-frame project to my portfolio on Squarespace (most basic plan) like what a-frame shows in their embedded page but I'm not even sure if it's possible? I'm also super new to coding so let me know if I should provide more info. If people can also explain things in baby language that would be awesome thanks
embedding remote a-scene?
if you want to link your existing project to a different page then... I don't think it's possible. Look:
the documentation page uses a real a-scene there, with a-boxes and stuff.
It may be possible via iframes but I don't know if it works. There is something like this in the documentation:
For now, if the I-Frame is not on the same origin as the page, the WebVR polyfill for mobile won’t work and there won’t be any tracked rotation of the device. - source
embedded
embedded is used to create a smaller window of a-scene inside a standard HTML page. As far as I know, it just sets or changes some CSS values. Unfortunately, there is nothing like a magical src attribute that would allow you to fetch a different scene from another page
If you can upload a static HTML file onto Squarespace then by all means you can embed it there. But remember that
Only one <a-scene> can exist on a page - same source
You would need to copy your entire project a-scene and paste it into your Squarespace page. Add A-Frame script in header or link a js file and all standard stuff.
link
this may not be what you are looking for but you could potentially create an embeded a-frame scene that would have a link inisde that would "teleport" you (change location) to your project. link - A-Frame
We are customizing a Wirecloud installation to provide our own branding, text and header links. We have created a subtheme to the 'defaulttheme' and are overlaying our own template, images and sccs files to accomplish our customization.
We have managed to change the header image, landing page and a few other bits, but are hampered by the following:
The generated HTML provides no clues as to which template it originated from (we think?)
Documentation here: https://wirecloud.readthedocs.io/en/stable/development/platform/themes/
specifies a number of template files, but not all of the template. For example we cannot find the place where the 'Sign in' button is defined.
The wirecloud javascripts seem to insert random bits of html for what should be boilerplate stuff. For example a 'Powered by wirecloud' icon appears at the bottom of the screen. The 'get more components' button appears out of nowhere and we cannot disable it.
Many of the generated elements do not have an id, so it is difficult to disable or identify them in a sccs file. The 'get more components' button for example is not relevant for us, but we cannot remove it (so far).
Does anyone have a completed custom theme we can look at? Or can someone point out which template files / sccs files are used for branding and overall look-and-feel?
True, currently WireCloud doesn't print any comment not any other clue for detecting from what template the html was generated.
Some parts are not generated using templates, for example, the "Sign in" button. I recommend you to create a ticket in the issue tracker for each thing you want to customise and you don't find how to do it, so we will be able to give you a better answer, and to create a template if needed.
Remember that you have to include a "Powered by WireCloud" to comply with the WireCloud license. In the other hand, the "get more components" button can be removed by editing the wirecloud/workspace/wallet/wallet.html template, by removing the following code:
<s:southcontainer>
<t:addmore/>
</s:southcontainer>
Well, this can also be discussed and documented. We usually don't use ids because those elements are better located using some kind of selector.
Anyway, we are working to improve the documentation about themes ASAP.
If I am trying to edit some CSS in a huge project using the built-in developer tools in Firefox (which is accessed by right click and then selecting Inspect Element), is there a way to make those changes permanent?
Actually there is a big number of style sheets and and I could not locate this one property in them? I just could not find the file which contains this property, so I want to make permanent changes to the CSS from within the browser. Is there a way?
EDIT:-
To set up in Chrome first you have to add your project file to a "Workspace", Go into dev tools Ctrl+Shift+I then click on the settings gear and on the left yoou should see Workspace.
After you have added your Project folder into a workspace close out of options and click on the "Sources" tab (still in dev tools)
Now load up your index.html from your LocalHost like you normally would. In the sources panel you should see the currently loaded page and its resources. Right click on your .css file and click "Map To File System Resource" it will bring up a search box where you can search for the corresponding .css file from your actual project folder (that is now part of a workspace in Chrome). Once you make the link Chrome is smart enough to link up any other CSS and HTML files that are in your Project Folder.
Now you can make changes in the Elements tab in Chrome Dev Tools and they changes will persist. Also in the ELements tab it will show you what css file and what line any given Style is originating from!
The best thing about this is if you use Sass or Less then it will map your Scss files back to the CSS styles being processed in Chrome. (please note if using Sass and Less you have to have CSS source maps turned on)
If you don't want to do this by hand, there is a plugin for FF called Stylish that allows you to define rules-based style tweaks.
EDIT
I mention this only because it allows you to publish a set of style changes that any Firefox client can pick up and install to a specific installation. Since one can't "permanently" change the contents of remote style information, the only solution is to manipulate it on a semi-permanent basis on each user-agent that needs the changes.
You can use the Web Developer Toolbar for this matter. By going to CSS menu and then to 'Edit CSS' where you can edit and save your changes. Il also provides tools for identify which files are relevant and modify them manually. Also you may try Firebug extension where you can do similar things.
Links to both here:
https://addons.mozilla.org/firefox/addon/web-developer/
https://addons.mozilla.org/firefox/addon/firebug/
If you have installed Firebug you could install cssUpdater to simplify the process of saving changes.
https://addons.mozilla.org/firefox/addon/cssupdater/
You can take a look at userContent.css:
http://www-archive.mozilla.org/unix/customizing.html#usercss
I've been struggling all day trying to build Chromium and understand how branding works, but no luck with the later one.
The question is: how can I change the application name, logo and default search engine in the source files of Chromium ?
Got it:
On Chromium dev by James Atkinson
How to change Chromium app name and logo?
"What is the right place to change Chromium application name, program
title, .exe file name, and logo image. I guess there is place in
source code for windows, where it could be changed centralized for
whole project?"
There isn't a centralized place to change all at once. I'll advise you to go through .grd files search for .ico file an look at resources folder under chrome/browser/ it will give you a good start.
There are actually more places needs to be changed and I didn't found any doc describing the process.
There are some branding constants which are in the source itself, Like the folder name under app data which is embedded inside the code itself.
Is there a way to set the tab size in IntelliJ for a single file only, or at most for a single project?
I use a tab size of 3 for all my code; however, I'm collaborating on a project with an author who prefers a tab size of 4. Is there a way to set the tab size to 4 for only those files that are part of this project?
Open the Settings dialog by navigating to File->Settings. Under Project Settings [yourproject] on the left side of the dialog, navigate to Code Style->General. The Tab size is configurable on that pane, and the value you provide applies only to the project named yourproject.
for those who can't find project specific setting
press Command + , will give you the preference you need
You can set a global format for the project and "reformat code" to conform to each one's preferred style.
The problem will be your version control system. If you oil can back and forth between 3 and 4 spaces you'll never be able to see meaningful changes.
Best to settle on one standard and stick to it.
The idea of a private project isn't clear to me. It comes down to your version control system. If it's possible to check code in and out so that tab size doesn't affect commits, then I'd say you can be independent. If you share the common code by adding a compiled 3rd party JAR, then I'd say you can be independent.
This is not an exact answer to your problem, but IntelliJ can currently (4/2013) "only" handle per-language tab-settings, which is - to be honest - totally okay as language and file type are usually "the same". So this your solve your problem.
You can find the setting in File -> Settings -> Project Settings -> Code Style -> >YOUR LANGUAGE.