I did a plugin that basically allows to create link with some business logic (People enters an id and a link is magically created for them). So I can specify an icon for it no problem there but I love the default "link" icons that comes with the monoo skins...
Is there a way to simply (re)use it ?
Just to make sure it's clear, I'm talking about the icons.png sprite that includes the main "toolbar" icon
Lets say your plugin is called 'newlink'.
You should add to the editor.css of your current skin a css rule like:
a.cke_button .cke_button__newlink_icon{
background : url(icons.png) 0 -1248px no-repeat;
}
(that specific coords are in fact the ones for the link icon of the moono 'icons.png' theme. Other themes may have another, or even another path to the icons file).
Related
I would like to create themes for my App - And by that what I want is that the user would be able to go to the app settings page and choose a different color scheme.
What I've done so far is to create my color "theme" as an object in alloy.js like this:
Alloy.Globals.Theme = {
WindowBackground: "#fafafa",
FontColor: "#383838",
ListItemSelectedColor: "#4ccedc",
.
.
.
};
And where I use colors in my TSS point to this object (which I will populate with the currect colors in runtime).
I have the feeling that this is not the best practice to go with.
And for this to actually change themes, the user would have to close and reopen the app. I've seen many apps where the user just selects the theme and the screen (and all screens that were before that one) immidiatly change the colors acourdingly.
What is the best practice to achive this? I was thinking something in the direction of a theme model but really not sure how to go about it.
Currently, it appears like a square with no text beside, we want to customize the look & feel without disturbing the icon of course to match our other buttons.
Already tried adding styles to the div which is converted to the share icon, but unsuccessful so far.
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
The above line renders as below :
Any idea how to proceed further or which direction to look into ?
To get a completely different share button you will need to write your own JS to style the button correctly, handle the mouse click, etc., and then direct the user to a URL of the form https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines too.)
To modify the button you can refer to the Share button documentation. However, there are some restrictions that you would need to follow to modify the Classroom button in the appropriate way.
Here you can find all the specifications and restrictions to the logo. Check if these specifications allow you to modify the logo accordingly to your needs.
You can put the white logo (square or circle) on a colored background of your choice. Full brand guidelines here
Say, I have an Image control (which seems to be a window-less control) and I want to make sure that it is on top of a TextBox. No matter what I do, the Image control will not appear on top of the Text box.
Is there a way?
P.S. I know I can use a PictureBox, but it does not support transparency, thus I must have the Image control.
There is no way to place an image control over a normal textbox as they are drawn onto the form itself so will always be below any other windowed components.
If you have VB6 installation media there are drawn (windowless) versions of controls including a TextBox you can use that will (probably) do what you want; http://support.microsoft.com/kb/184687
A custom usercontrol of some kind if probably better .. what is it exactly you want to overlay the textbox with?
The Image Control is considered a graphical control, like shapes, so it is always inferior to text controls. If you really want a transparent image, you can use a Microsoft 2.0 Form instead(only if you have it). Images there can be on top of textboxes, and you can make it transparent by setting the Backstyle to Transparent(0).
Completely different approach to my other answer (hence the seperate Answer), but you can set AutRedraw and ClipControls on your Form to false and it will allow the Image control to render on the same layer as a windowed control. You can get some flakey redrawing in some cases but for a quick solution you could try it.
http://msdn.microsoft.com/en-us/library/aa733621(v=vs.60)
I've created a tranparent overlay control to add a kind of annotation layer on top of a VB6 app. I'll attempt to describe it from memory, and if that doesn't provide enough information then you can post back and I'll try to dig up the code.
First, add a new USerControl to you application. Give it a name like ImageEx, PictureEx, or TransparntImage. There are several properties that you will need to use. Ensure the control is Windowed, so it can sit on top of other windowed controls. Locate the MaskColor property and set it to Cyan (or whatever color you elect to use to indicate a tranparent area. There might be an addition property enable the masking behavior, just browse the properties. Set the control background color to that of the MaskColor. At this point you have an invisible control. In my control I painted on top of the surface for annotations, but you can PaintPicture or maybe even set the image property for a really simple approach.
Of course, to make this a re-usable control, you will want to code in your own properties that allow the MaskColor and image, etc to be set so that you can the drop one of these on any form you want.
Some links:
MaskColor Property
MackPicture Property
1) Remove all your textboxes , labels and ... (But memorize their name and location in the form)
2) Go to (project > components) and mark the (Microsoft Forms 2.0 Object Library) then click ok
3) Now you can see new controls under your default controls in your toolbox...
4) Use its textbox and label controls instead of the default controls
5) Right click on your Image Control then click (Bring To Front)
I'm new with Flex 4 skinning and have been following tutorials, developing some of my own skins, etc. I'm just wondering if there is a best practice for releasing a "skin library".
For example, say I just have 3 button skins I want to release. Do I compile a swc of just the 3 actual skin files, or do I make 3 buttons -- one using each skin -- and compile the swc of just these buttons? Or do you include both the skins and the buttons together?
I would go with option 1 - one .swc with all the resources (maybe graphic files or .fxg files), custom ActionScript skin classes (if creating mobile skins), or .mxml skin files WITH NO CUSTOM Button classes.
It sounds like you're looking into creating custom Button classes whose difference amongst each other is only the skin they "wear". The fact that a Button's skin class can be set at instantiation (or declaratively in mxml, or in css) makes a good reason to keep the regular button and create only what is different - the skins.
You would only want to extend a control if you want to add to or modify its functionality, not the look.
I need to change the color of certain attributes/tags. I am switching from Dreamweaver and making the skin has been really hard in TextMate.
As you can see, I want to change the a and img tags along with all of their attributes. The closest I've come to find is entity.other.attribute-name which only works with id for some reason entity.other.attribute-name.id
Bonus would be the scope selector for the value of an attribute, e.g. "Logo" alt in the above example.
Thank You!
TextMate's Bundle Development Plugin has a Show Scope and Copy Scope. Put your text cursor in say the middle of the area you want colored, then trigger one of those: does that narrow down the selector for you?
(Maybe that's how you got the selectors you mentioned in the first place, but thought I'd mention it...)