Rad card Telerik

 <telerik:RadCard ID="RadCardInbox" runat="server" Width="285px"    >

    

    <telerik:CardBodyComponent runat="server">

        <telerik:CardTitleComponent runat="server">

            Tulip time

        </telerik:CardTitleComponent>

        <p>The tulip season is just around the corner. If you still haven't decided on your spring destination, we have a suggestion- Holland, a.k.a the "flower shop of the world"!</p>

    </telerik:CardBodyComponent>

    <telerik:CardActionsContainerComponent runat="server" CardActionsAlignment="Start">

        <span class="k-button k-flat k-primary">Read more</span>

        <telerik:CardSeparatorComponent runat="server" Orientation="Vertical">

        </telerik:CardSeparatorComponent>

        <span class="k-button k-flat k-primary">Save for later</span>

    </telerik:CardActionsContainerComponent>

Visual Studio. How to stop temporarily open a file with a single click - click file visual studio - disable on click visual studio

 >Open visual studio

> Click on Tools menu

> Click on Option 

>Click on environment

>Under environment , click on Tabs and windows

>Under preview tab, Uncheck (Allow new files to be opened.....)

reference:-https://stackoverflow.com/questions/12534694/how-to-stop-visual-studio-from-opening-a-file-on-single-click

document.getElementById by asp control id

var myModal = document.getElementById('<%=divModalPopupDigitalSignature.ClientID%>');

<div class="modal fade" id="divModalPopupDigitalSignature"></div>

reference:- https://stackoverflow.com/questions/8141560/getelementbyid-is-not-working-in-asp-net

How to call a Javascript function in aspx page - Modal with div

 ScriptManager.RegisterStartupScript(inboxContentUpdatePanel, inboxContentUpdatePanel.GetType(), Guid.NewGuid().ToString(), String.Format("OpenManageDirectoryModal();"), true);

function OpenManageDirectoryModal() {

            debugger;

            //var divManageDirectory = document.getElementById('divManageDirectory');

            //divManageDirectory.style.display = 'block';

            $("#modal_ManageDirectory").modal("show");

        }

<div class="modal fade" id="modal_ManageDirectory" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false" data-backdrop="static" style="display: none;z-index:9999">

        <div class="modal-dialog bigmodal-dialog" role="document">

            <div class="modal-content">

                <asp:UpdatePanel ID="uc_modalupdatepanel" runat="server" UpdateMode="Always">

                    <ContentTemplate>

                        <uc1:UCManageDirectory runat="server" ClientIDMode="AutoID" ID="ucManageDirectory" />

                    </ContentTemplate>

                </asp:UpdatePanel>

            </div>

        </div>

    </div>

Card Bootstrap - with mobile UI-

 <div class="card-group">

  <div class="card">

    

    <div class="card-body">

      <div class="card-title">Card title</div>

      <div class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</div>

        <a href="#" class="btn btn-primary">Go somewhere</a>

    </div>

    

  </div>

  <div class="card">

    

    <div class="card-body">

      <h5 class="card-title">Card title</h5>

      <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>

    </div>

    

  </div>

  <div class="card">

    

    <div class="card-body">

      <h5 class="card-title">Card title</h5>

      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>

    </div>

    

  </div>

</div>

===================================================

reference:-https://getbootstrap.com/docs/5.2/components/card/

https://stackoverflow.com/questions/34140793/bootstrap-4-responsive-cards-in-card-columns