Layout display name

Name of the layout which will be displayed in the layout list.

Layout code name

A unique name that will be used to identify the layout (e.g. in code).

Layout description

Can be used to enter an optional text description for the web part layout.

Layout code

This is where you can enter the code that defines the custom layout for the given web part. You may use the same type of code as when editing a standard ASCX user control.

CSS styles

This field becomes available if you click the Add CSS styles link below the layout's code editor.

Here you can define any CSS classes used within the code of the layout. The specified styles will be loaded by any pages containing a web part that uses this layout. Please note that this requires the Allow CSS from components setting to be enabled in Site Manager -> Settings -> System -> Performance.

For more information about CSS styles of page components, please see the Development -> CSS stylesheets and design -> CSS for page components topic in the Developer's Guide.