Fermer

août 28, 2020

La routine quotidienne du milliardaire avec Telerik AJAX Timeline


Découvrez les routines quotidiennes (secrètes) du milliardaire avec le contrôle de la chronologie Telerik. Apprenez également quelques trucs et astuces utiles pour les commandes.

Je parie que certains d'entre vous trouveront le sujet accrocheur, tandis que d'autres seront épuisés.

Vous pouvez aussi vous demander ce que font les habitudes des milliardaires et les Telerik UI pour ASP.NET AJAX nouveau composant Timeline ont en commun?

Ne vous inquiétez pas, c'est juste un moyen de partager avec vous ce que j'ai appris de quelques livres, tutoriels et vidéos populaires sur l'auto-motivation, gestion du temps, mélange travail-vie personnelle et croissance personnelle de manière illustrative en utilisant notre tout nouveau composant – la chronologie pour ASP.NET Web Forms.

Ses capacités étonnantes de visualisation des dates, des événements et des histoires vous aideront Je résume et présente la sagesse acquise au cours des dernières années qui peut améliorer votre vie et votre carrière, ou du moins vous faire devenir un peu plus sûr de vous.

Je suis ravi de commencer, alors allons-y: sera toujours une première étape et c'est de construire vos propres habitudes quotidiennes qui changent la vie. La question est de savoir comment faire cela sans plan, sans calendrier, sans quelques conseils. Pour les besoins de l'article de blog et pour visualiser pour vous certaines des routines et habitudes quotidiennes les plus populaires des personnes très prospères et, bien sûr, les plus riches rich. J'ai créé un exemple de chronologie Web Forms nommé Day-Plan ( cliquez ici ) qui défile automatiquement jusqu'à la routine la plus appropriée pour l'heure actuelle de la journée.

Voici une courte animation de son apparence et de son comportement:

 Daily Routines For Success Autoscroll

Comme vous pouvez le voir, tout commence tôt le matin quand tout le monde dort encore. Il n'y a personne d'autre. Bon, seulement moi et c'est si calme, et je peux me concentrer sur les choses importantes pour moi et pour la journée! Le temps est à moi!

J'ai commencé à pratiquer la routine du lever tôt il y a deux mois et, lentement mais sûrement, j'ai rompu l'habitude de me coucher tard, de ne pas dormir suffisamment et de me réveiller fatigué. En ce moment, en ce moment, je me sens bien (il est 5 heures du matin) et je peux travailler sur le blog super concentré, créatif et productif! Je suis devenu une personne du matin!

Si vous examinez un peu plus attentivement l'exemple de plan journalier, vous compterez plus de 10 à 15 routines quotidiennes, mais ne vous inquiétez pas, essayez-les et voyez quel travail pour vous et faites votre vie mieux. Personnellement, je suis un grand fan de deux d'entre eux:

Juste avant de sauter dans les spécificités techniques de l'échantillon, faisons un bref aperçu des fonctionnalités de RadTimeline. Il affiche une collection d'événements et leurs données dans une succession chronologique pour chaque année, mois ou jour (comme dans l'exemple). Vous pouvez faire défiler les événements et les réduire / les développer. L'ordre des événements peut être vertical ou horizontal et vous pouvez personnaliser leurs modèles, répondre aux événements et utiliser l'API pour contrôler le comportement du widget. D'autres fonctionnalités utiles sont le comportement mobile et réactif prêt à l'emploi, le mécanisme de liaison flexible côté client et côté serveur, le tri des éléments, les actions intégrées et la prise en charge des images.

C'est parti! Voici le désert expliquant comment fonctionne l'exemple de Day Plan :

La fonctionnalité d'événement de défilement automatique et d'extension est obtenue en attachant la fonction JavaScript ci-dessous à l'événement client OnDataBound de RadTimeLine:

<telerik: RadTimeline runat = "server" CollapsibleEvents = "true" DateFormat = "HH: mm" AlternatingMode = "true" Skin = "Bootstrap" Height = "3000px" EventHeight = "50" >

<Client Événements OnDataBound = "onDataBound" />

...

Si vous souhaitez rendre l'événement actuel plus brillant, vous pouvez mettez-le en surbrillance dans la couleur désirée avec cette ligne:

// styliser l'arrière-plan de l'en-tête

$ telerik. $ (timeEvent) .find ( ". k-card- header "). css (" background-color "" # ebf5eb ");

// appliquer un arrière-plan à le corps de la carte

$ telerik. $ (timeEvent) .find ( ". k-card" ). css ( "background-color" [19659065] "# ebf5eb" );

Le plus grand remplissage par défaut entre les événements verticaux est également réduit par le remplacement de classe CSS suivant:

Voici la différence avec le remplissage d'origine:

  

 timeline-css-padding "title =" timeline-css-padding "/></p data-recalc-dims=

Une autre chose intéressante à noter est que la chronologie affiche généralement des événements répartis sur une ou plusieurs années. L'échantillon actuel est spécial car il présente les événements dans la plage horaire du jour en cours. Ceci est facilement réalisé via la propriété serveur DateFormat = "HH: mm" du contrôle . En utilisant cette approche, vous pouvez afficher des heures, des mois et des années.

Bien sûr, vous pouvez trouver plus d'informations sur RadTimeline pour ASP.NET AJAX dans ses démos en direct et documentation ].

Summ ary

Comme vous pouvez le voir, vous devriez être pleinement dévoué à la cause, vous devrez sacrifier certaines de vos mauvaises habitudes et en incorporer de nouvelles, mais le résultat final en vaudra la peine. Il peut être difficile de se lever tôt et de se coucher avant 23 heures pour beaucoup d'entre nous, mais cela est fortement recommandé car cela favorise la régénération du cerveau et stimule son activité et son apprentissage aux petites heures du matin.

Faites-moi savoir dans les commentaires quelles sont vos habitudes, vos règles et si elles ont changé votre vie pour de bon! Peut-être qu'il y a de vrais milliardaires parmi les lecteurs, il sera donc étonnant de leur demander également des conseils utiles. Prendre plaisir!

Enfin, si vous aimez le contrôle Timeline Web Forms utilisé dans la démo, vous pouvez télécharger son essai absolument gratuit et entièrement fonctionnel et lui donner un essai.

 essai gratuit "titre = "essai gratuit" /> </a data-recalc-dims=





Source link