Container Appearance

Screen Shot 2015-03-04 at 11.11.24 am

Fill

Screen Shot 2015-03-04 at 11.12.03 am

This function works the same for Event buttons, Popup Tag buttons, Tag buttons, Shape buttons, Text Boxes and the Form background. The “Fill” panel allows you to color the button by clicking on the color box in the Fill panel. The Colors palette will drop down. Click on the button color you want from your preferred palette. The color will change to your selected color in the Button in the Form, the color bar and in the Inspector Fill panel display. If you want to use a color from the color favorites bar at the base of the color palette, drag and drop it either directly to the Event button in the CODA Form; to the Color Bar at the top of the Colors drop down window; or to the color box within the “Fill” panel in the Inspector window. The Gradient option (Event button and Popup Tags only) in the Fill panel provides the ability to fill the button with a color gradient vertically or horizontally.

You may also choose to make your button transparent by selecting no color as your choice.

Stroke

Screen Shot 2015-03-04 at 11.12.39 am

 

The “Stroke” panel scribes a border outline around the button. By default the Stroke is the same color as the button background. If you click on the horizontal bar in the Stroke panel you will have 4 border pattern options to choose from. If you click on the colored panel underneath the “Stroke” box, a color chart will appear. Select the color you want the button outline to be, and then click on the numbered size box on the right of the panel to set the width of the outline which will be drawn from the existing outside of the box in.

Auto Collapsing

Screen Shot 2015-03-04 at 11.15.50 am

When the Auto Collapse button is ticked the container will adjust its size relative to the objects that are in the container. When you add objects the container will get bigger and when you delete objects the container will get smaller.

Margin

Screen Shot 2015-03-04 at 11.16.30 am

The Margin is the distance between the edge of an object and the edge of the container. It does help to have a small gap between the object and the container when you are building the Code Window.

Geometry

Screen Shot 2015-03-04 at 8.40.15 am

This function allows you to vary the position of an object and the size of an object in the CODA Form or within a Container Form very precisely.

If you highlight the target object, the objects position in the Form will be precisely described with reference to the top left hand corner of the object from the top left corner of the Form. These reference values are shown in the “Origin” boxes. The “X” and “Y” are references to the axis of the Form.

The size of the object may be varied by changing the values in the “Size” boxes. These values will vary the “Width” and the “Height”, with reference to the top left of the object. If an object has a shape, then the reference is to the top left of the 8 resizing knobs.

The position of the button may be locked by checking the “Locked” box. This will prevent the button from being moved within the Form no matter what other positioning or repositioning of buttons or combinations of buttons may occur. To turn this function off, re-check the box.

Was this helpful?

0 0