---
metadata:
  - name: generator
    content: Diplodoc Platform v5.52.0
alternate:
  - https://ads.yandex.com/helpcenter/en/dev/android7/template.md
  - https://ads.yandex.com/helpcenter/ru/dev/android7/template.md
  - href: en/dev/android7/template.md
    type: text/markdown
    title: Markdown version
  - href: llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://ads.yandex.com/helpcenter/en/llms.txt

# Setting up the layout using a template

 

You can use the standard layout template: The template includes pre-configured settings for all visual ad assets, though they can be customized.

{% cut "Code example" %}

{% list tabs %}

- Kotlin

   ```kotlin
   private fun showAd(nativeAd: NativeAd) {
       val bannerAppearance = createNativeBannerViewAppearance()
       binding.nativeBanner.applyAppearance(bannerAppearance)
       binding.nativeBanner.setAd(nativeAd)
   }

   private fun createNativeBannerViewAppearance(): NativeTemplateAppearance {
       return NativeTemplateAppearance.Builder()
           .withBannerAppearance(
               BannerAppearance.Builder()
                   .setBorderColor(Color.YELLOW).build()
           )
           .withCallToActionAppearance(
               ButtonAppearance.Builder()
                   .setTextAppearance(
                       TextAppearance.Builder()
                           .setTextColor(Color.BLUE)
                           .setTextSize(14f).build()
                   )
                   .setNormalColor(Color.TRANSPARENT)
                   .setPressedColor(Color.GRAY)
                   .setBorderColor(Color.BLUE)
                   .setBorderWidth(1f).build()
           )
           .withImageAppearance(
               ImageAppearance.Builder()
                   .setWidthConstraint(
                       SizeConstraint(
                           SizeConstraint.SizeConstraintType.FIXED,
                           60f
                       )
                   ).build()
           )
           .withAgeAppearance(
               TextAppearance.Builder()
                   .setTextColor(Color.GRAY)
                   .setTextSize(12f).build()
           )
           .withBodyAppearance(
               TextAppearance.Builder()
                   .setTextColor(Color.GRAY)
                   .setTextSize(12f).build()
           )
           .withRatingAppearance(
               RatingAppearance.Builder()
                   .setProgressStarColor(Color.CYAN).build()
           )
           .withTitleAppearance(
               TextAppearance.Builder()
                   .setTextColor(Color.BLACK)
                   .setTextSize(14f).build()
           )
           .build()
   }
   ```
- Java

   ```java
   private void showAd(@NonNull final NativeAd nativeAd) {
       final NativeTemplateAppearance bannerAppearance = createNativeBannerViewAppearance();
       mBinding.nativeBanner.applyAppearance(bannerAppearance);
       mBinding.nativeBanner.setAd(nativeAd);
   }

   private NativeTemplateAppearance createNativeBannerViewAppearance() {
       return new NativeTemplateAppearance.Builder()
               .withBannerAppearance(
                       new BannerAppearance.Builder()
                               .setBorderColor(Color.YELLOW).build()
               )
               .withCallToActionAppearance(
                       new ButtonAppearance.Builder()
                               .setTextAppearance(
                                       new TextAppearance.Builder()
                                               .setTextColor(Color.BLUE)
                                               .setTextSize(14f).build()
                               )
                               .setNormalColor(Color.TRANSPARENT)
                               .setPressedColor(Color.GRAY)
                               .setBorderColor(Color.BLUE)
                               .setBorderWidth(1f).build()
               )
               .withImageAppearance(
                       new ImageAppearance.Builder()
                               .setWidthConstraint(
                                       new SizeConstraint(
                                               SizeConstraint.SizeConstraintType.FIXED,
                                               60f
                                       )
                               ).build()
               )
               .withAgeAppearance(
                       new TextAppearance.Builder()
                               .setTextColor(Color.GRAY)
                               .setTextSize(12f).build()
               )
               .withBodyAppearance(
                       new TextAppearance.Builder()
                               .setTextColor(Color.GRAY)
                               .setTextSize(12f).build()
               )
               .withRatingAppearance(
                       new RatingAppearance.Builder()
                               .setProgressStarColor(Color.CYAN).build()
               )
               .withTitleAppearance(
                       new TextAppearance.Builder()
                               .setTextColor(Color.BLACK)
                               .setTextSize(14f).build()
               )
               .build();
   }
   ```
{% endlist %}

{% endcut %}

{% note info %}

When creating your own template-based design, you don't have to make the preferred settings for all the visual elements. Any elements that don't have preferred settings are configured with the default values.

{% endnote %}