This is a migrated thread and some comments may be shown as answers.
Stretched link
2 Answers 5 Views
This is a migrated thread and some comments may be shown as answers.
Andrey
Top achievements
Rank 1
Veteran
Andrey asked on 27 Feb 2020, 06:57 AM

Hi, Dev Team!

I use Cards with "k-card-deck" class. How i can do stretched link in every "k-card" inside "k-card-deck"?

 

need something like that:

 

<div class="k-card-deck">

   <div class="k-card">

</div>

   <div class="k-card"></div>

</div>

2 Answers, 1 is accepted

Sort by
0
Andrey
Top achievements
Rank 1
Veteran
answered on 27 Feb 2020, 07:02 AM

sorry for unfinished post))

 

i mean

<div class="k-card-deck">
   <div class="k-card">

       some text 1

       <a href="url1">This link1 need to be stretched in parent div, with a cursor:pointer on hover</a>
   </div>
   <div class="k-card">

       some text 2
       <a href="url2">This link2 need to be stretched in parent div, with a cursor:pointer on hover</a>

   </div>
</div>

0
Petar
Telerik team
answered on 28 Feb 2020, 04:18 PM

Hi Andrey,

Please check this Dojo example. It demonstrates how we can implement a stretched link. 

The targeted functionality is achieved by adding the following CSS definition:

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

Let me know if the Dojo project demonstrates what you want to implement in the project you are working on. 

Regards,
Petar
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Card
Asked by
Andrey
Top achievements
Rank 1
Veteran
Answers by
Andrey
Top achievements
Rank 1
Veteran
Petar
Telerik team
Share this question
or