Uploaded image for project: 'Skin factory'
  1. Skin factory
  2. SKINFACTORY-151

Add CSS properties : border-radius, background-position and background-repeat

XMLWordPrintable

    • Icon: Improvement Improvement
    • Resolution: Fixed
    • Icon: Major Major
    • 1.2.0, 2.0.0
    • None
    • None

      It could be nice to add these properties :

      • border-radius
      • background position
      • background repeat
        Also it could be nice to be able to add my own CSS properties that are not defined by ametys

          [SKINFACTORY-151] Add CSS properties : border-radius, background-position and background-repeat

          Laurence Aumeunier added a comment -

          Do not forgot to add your allowed CSS styles for these 3 CSS properties in the file css-styles.xml of your model

          <background-position>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_POSITION_DEFAULT</label>
			<value>initial</value>
		</item>
		<item>
			<label i18n="false">left top</label>
			<value>left top</value>
		</item>
		<item>
			<label i18n="false">left bottom</label>
			<value>left bottom</value>
		</item>
		<item>
			<label i18n="false">right top</label>
			<value>right top</value>
		</item>
		<item>
			<label i18n="false">right bottom</label>
			<value>right bottom</value>
		</item>
	</background-position>
	
	<background-repeat>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_DEFAULT</label>
			<value>initial</value>
		</item>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_NO</label>
			<value>no-repeat</value>
		</item>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT</label>
			<value>repeat</value>
		</item>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT_X</label>
			<value>repeat-x</value>
		</item>
		<item>
			<label i18n="true">plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT_Y</label>
			<value>repeat-y</value>
		</item>
	</background-repeat>

<border-radius>
		<item>
			<label i18n="false">0px</label>
			<value>0px</value>
		</item>
		<item>
			<label i18n="false">1px</label>
			<value>1px</value>
		</item>
		<item>
			<label i18n="false">2px</label>
			<value>2px</value>
		</item>
		<item>
			<label i18n="false">3px</label>
			<value>3px</value>
		</item>
		<item>
			<label i18n="false">4px</label>
			<value>4px</value>
		</item>
	</border-radius>

          Laurence Aumeunier added a comment - Do not forgot to add your allowed CSS styles for these 3 CSS properties in the file css-styles.xml of your model <background-position> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_POSITION_DEFAULT </label> <value> initial </value> </item> <item> <label i18n= "false" > left top </label> <value> left top </value> </item> <item> <label i18n= "false" > left bottom </label> <value> left bottom </value> </item> <item> <label i18n= "false" > right top </label> <value> right top </value> </item> <item> <label i18n= "false" > right bottom </label> <value> right bottom </value> </item> </background-position> <background-repeat> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_DEFAULT </label> <value> initial </value> </item> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_NO </label> <value> no-repeat </value> </item> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT </label> <value> repeat </value> </item> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT_X </label> <value> repeat-x </value> </item> <item> <label i18n= "true" > plugin.skinfactory:PLUGINS_SKINFACTORY_BACKGROUND_REPEAT_REPEAT_Y </label> <value> repeat-y </value> </item> </background-repeat> <border-radius> <item> <label i18n= "false" > 0px </label> <value> 0px </value> </item> <item> <label i18n= "false" > 1px </label> <value> 1px </value> </item> <item> <label i18n= "false" > 2px </label> <value> 2px </value> </item> <item> <label i18n= "false" > 3px </label> <value> 3px </value> </item> <item> <label i18n= "false" > 4px </label> <value> 4px </value> </item> </border-radius>

            Unassigned Unassigned
            fravetier Frederic Ravetier (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: