ಪರಿವಿಡಿ
ಔಟ್‌ಲುಕ್‌ನಲ್ಲಿ ಟೇಬಲ್‌ನ ಅಂಚುಗಳಿಗೆ ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಅನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬೇಕು ಎಂಬುದನ್ನು ಈ ಲೇಖನದಲ್ಲಿ ನೀವು ನೋಡುತ್ತೀರಿ. ಅವರ ಬಣ್ಣ, ಅಗಲ ಮತ್ತು ಶೈಲಿಯನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು ಎಂದು ನಾನು ನಿಮಗೆ ತೋರಿಸುತ್ತೇನೆ. ನಂತರ ನಾನು ನಿಮಗೆ ಒಂದು ಸಮಯದಲ್ಲಿ ಹಲವಾರು ಮಾರ್ಪಾಡುಗಳನ್ನು ಮಾಡುವುದು ಮತ್ತು ನಿಮ್ಮ ಔಟ್ಲುಕ್ ಟೇಬಲ್ ಅನ್ನು ವಿವಿಧ ರೀತಿಯಲ್ಲಿ ಬಣ್ಣ ಮಾಡುವುದು ಹೇಗೆ ಎಂದು ನಿಮಗೆ ಕಲಿಸುತ್ತೇನೆ.
ಮೊದಲನೆಯದಾಗಿ, ನಾನು ಈ ಬ್ಲಾಗ್ ಹೊಸಬರಿಗೆ ಒಂದು ಸಣ್ಣ ಮುಖ್ಯ ಟಿಪ್ಪಣಿಯನ್ನು ಮಾಡಲು ಬಯಸುತ್ತೇನೆ. ಇಂದಿನಂತೆ ನಾವು ಟೆಂಪ್ಲೇಟ್‌ಗಳಲ್ಲಿ ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಕುರಿತು ಮಾತನಾಡುತ್ತೇವೆ, ಔಟ್ಲುಕ್ಗಾಗಿ ನಮ್ಮ ಹಂಚಿದ ಇಮೇಲ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳ ಆಡ್-ಇನ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಅವುಗಳನ್ನು ಸರಿಯಾಗಿ ಹೊಂದಿಸುವುದು ಹೇಗೆ ಎಂದು ನಾನು ನಿಮಗೆ ತೋರಿಸುತ್ತೇನೆ. ಈ ಉಪಕರಣವು ನಿಮ್ಮ ಇಮೇಲ್‌ಗಳಿಗೆ ಪೂರ್ವ-ಉಳಿಸಿದ ಸಂಪೂರ್ಣವಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲಾದ ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಅಂಟಿಸಿ ಮತ್ತು ನಿಮ್ಮ ಪತ್ರವ್ಯವಹಾರದ ದಿನಚರಿಯನ್ನು ಕೆಲವು ಕ್ಲಿಕ್‌ಗಳಿಗೆ ಕುಗ್ಗಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ನೀವು ಈಗಾಗಲೇ Outlook ಕೋಷ್ಟಕಗಳ ಟ್ಯುಟೋರಿಯಲ್‌ನಲ್ಲಿ ನನ್ನ ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಅನ್ನು ಓದಿದ್ದರೆ, ನಿಮಗೆ ತಿಳಿದಿದೆ ಕೋಶಗಳ ವಿಷಯ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು. ಆದಾಗ್ಯೂ, ನಿಮ್ಮ ಔಟ್ಲುಕ್ ಟೇಬಲ್ ಅನ್ನು ಬೆಳಗಿಸಲು ನೀವು ಮಾಡಬಹುದಾದ ಎಲ್ಲವೂ ಅಲ್ಲ. ನಿಮ್ಮ ಟೇಬಲ್‌ನ ಅಂಚುಗಳನ್ನು ಷರತ್ತುಬದ್ಧವಾಗಿ ಬಣ್ಣ ಮಾಡುವ ಮತ್ತು ಅವುಗಳ ಅಗಲ ಮತ್ತು ಶೈಲಿಯನ್ನು ಮಾರ್ಪಡಿಸುವ ವಿಧಾನಗಳನ್ನು ಇಂದು ನಾನು ನಿಮಗೆ ತೋರಿಸುತ್ತೇನೆ.
ಇದಲ್ಲದೆ, ಕೊನೆಯ ಅಧ್ಯಾಯದಲ್ಲಿ ಒಂದು ಸಣ್ಣ ಬೋನಸ್ ನಿಮಗಾಗಿ ಕಾಯುತ್ತಿದೆ, ಅಲ್ಲಿ ನಾನು ನಿಮಗೆ ಹಲವಾರು ಮಾರ್ಪಾಡುಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬೇಕು ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತೇನೆ. ಅದೇ ಸಮಯದಲ್ಲಿ ಮತ್ತು ನಿಮ್ಮ ಟೇಬಲ್ ಅನ್ನು ಜುಲೈ 4 ರಂದು ಪಟಾಕಿಗಳಂತೆ ವರ್ಣರಂಜಿತವಾಗಿ ಮತ್ತು ಪ್ರಕಾಶಮಾನವಾಗಿ ಮಾಡಿ ಕಳೆದ ವಾರದ ಟ್ಯುಟೋರಿಯಲ್‌ನ ಅದೇ ಮಾದರಿಗಳನ್ನು ನಾನು ಬಳಸುತ್ತೇನೆ. ಪ್ರಕರಣವು ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ: ನಾನು ಅಂಟಿಸುತ್ತೇನೆಮೈಕ್ರೋಸಾಫ್ಟ್ ತಂಡ, ಈ GitHub ಸಂವಾದದಲ್ಲಿ ಅವರ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಪರೀಕ್ಷಿಸಲು ಹಿಂಜರಿಯಬೇಡಿ :)
ಅಂತಿಮ ಟಿಪ್ಪಣಿ
Outlook ನಲ್ಲಿನ ಟೇಬಲ್ ಸರಳವಾದ ಕಪ್ಪು ಗಡಿಯಲ್ಲ ಎಂದು ನಿಮಗೆ ಮನವರಿಕೆ ಮಾಡಲು ನಾನು ಯಶಸ್ವಿಯಾಗಿದ್ದೇನೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ ಪಠ್ಯ. ಸುಧಾರಣೆ ಮತ್ತು ಸೃಜನಶೀಲತೆಗೆ ಸಾಕಷ್ಟು ಸ್ಥಳವಿದೆ :)
ನೀವು ನಿಮ್ಮದೇ ಆದ ಕೆಲವು ಪೇಂಟಿಂಗ್ ಪ್ರಯೋಗಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ನಿರ್ಧರಿಸಿದಾಗ, Microsoft Store ನಿಂದ ಹಂಚಿದ ಇಮೇಲ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಸ್ಥಾಪಿಸಿ ಮತ್ತು ಆನಂದಿಸಿ!
ಇದ್ದರೆ ನಿಮ್ಮಲ್ಲಿ ಉಳಿದಿರುವ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳಿಗೆ ಔಟ್ಲುಕ್ ಕೋಷ್ಟಕಗಳಲ್ಲಿ ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್‌ಗೆ ಸ್ವಲ್ಪ ಸಹಾಯ ಬೇಕಾಗುತ್ತದೆ, ಕಾಮೆಂಟ್‌ಗಳ ವಿಭಾಗದಲ್ಲಿ ಕೆಲವು ಪದಗಳನ್ನು ಬಿಡಿ ಮತ್ತು ನಾವು ಅದನ್ನು ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತೇವೆ ;)
ಟೆಂಪ್ಲೇಟ್ ಮಾಡಿ ಮತ್ತು ಟೇಬಲ್ ಅನ್ನು ಭರ್ತಿ ಮಾಡಲು ರಿಯಾಯಿತಿ ದರವನ್ನು ಆಯ್ಕೆಮಾಡಿ. ನನ್ನ ಆಯ್ಕೆಯ ಆಧಾರದ ಮೇಲೆ, ಸೆಲ್‌ನ ಅಂಚುಗಳನ್ನು ನಿರ್ದಿಷ್ಟ ಬಣ್ಣದಲ್ಲಿ ಬಣ್ಣಿಸಲಾಗುತ್ತದೆ.ನಾನು ಇಂದು ಬಣ್ಣ ಮಾಡಲಿರುವ ಟೇಬಲ್ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:
| ಮಾದರಿ ಹೆಡರ್ 1 | ಮಾದರಿ ಹೆಡರ್ 2 | ಮಾದರಿ ಹೆಡರ್ 3 | |
| ~%WhatToEnter[ {dataset:'Dataset with discounts', column:' ರಿಯಾಯಿತಿ', ಶೀರ್ಷಿಕೆ:'ಡಿಸ್ಕೌಂಟ್ ಆಯ್ಕೆಮಾಡಿ'} ] ರಿಯಾಯಿತಿ |
ಟೆಂಪ್ಲೇಟ್‌ಗಳ HTML ನಲ್ಲಿ ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಅನ್ನು ನಿರ್ವಹಿಸುವುದರಿಂದ, ನಾವು ಈ ಟೇಬಲ್‌ನ HTML ಕೋಡ್ ಅನ್ನು ಮೊದಲು ತೆರೆಯಿರಿ:
- ಆಸಕ್ತಿಯ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಸಂಪಾದಿಸು :
- ಹುಡುಕಿ <1 ಟೆಂಪ್ಲೇಟ್‌ನ ಟೂಲ್‌ಬಾರ್‌ನಲ್ಲಿ HTML ಐಕಾನ್ ( ) ವೀಕ್ಷಿಸಿ:
- ಅನೇಕ ಬಾರಿ ಮಾರ್ಪಡಿಸಲಾಗುವ ಮೂಲ HTML ಅನ್ನು ನೋಡಿ:
ಬಣ್ಣಗಳು ಮತ್ತು ರಿಯಾಯಿತಿ ದರಗಳೊಂದಿಗೆ ಅವುಗಳ ಸಂಪರ್ಕದ ಬಗ್ಗೆ ನೀವು ಆಶ್ಚರ್ಯಪಟ್ಟರೆ, ನಾನು ನಿಮಗೆ ಸುಳಿವು ನೀಡುತ್ತೇನೆ :) ಡೇಟಾಸೆಟ್! ಅದು ಏನು ಎಂದು ತಿಳಿದಿಲ್ಲವೇ? ನಂತರ ಸ್ವಲ್ಪ ವಿರಾಮ ತೆಗೆದುಕೊಳ್ಳಿ ಮತ್ತು ಮೊದಲು ನನ್ನ ಭರ್ತಿ ಮಾಡಬಹುದಾದ ಔಟ್ಲುಕ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳ ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ಓದಿ.
ಇಲ್ಲಿ ಮೂಲ ಡೇಟಾಸೆಟ್ ಅನ್ನು ನಾನು ಆರಂಭದಲ್ಲಿ ಬಳಸುತ್ತೇನೆ ಮತ್ತು ಕೆಲವು ಅಧ್ಯಾಯಗಳಲ್ಲಿ ಸ್ವಲ್ಪ ಸುಧಾರಿಸುತ್ತೇನೆ:
| ರಿಯಾಯಿತಿ | ಬಣ್ಣ ಕೋಡ್ |
| 10% | #00B0F0 |
| 15 % | #00B050 |
| 20% | #FFC000 |
| 25% | #4630A0 |
ನಾನು ಈ ಟೇಬಲ್‌ನಿಂದ ಅಗತ್ಯವಾದ ಬಣ್ಣದ ಕೋಡ್ ಅನ್ನು ಹಿಂಪಡೆಯಬೇಕಾದಾಗ, ನಾನು ಈ ಕೆಳಗಿನ ಮ್ಯಾಕ್ರೋವನ್ನು ಬಳಸುತ್ತೇನೆ:
~%WhatToEnter[{dataset:'Dataset with discounts',column:'Color code'}]ನಾವು ಎಲ್ಲಾ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಿರುವುದರಿಂದ, ಬಣ್ಣಗಳನ್ನು ಬದಲಾಯಿಸಲು ಪ್ರಾರಂಭಿಸೋಣ :)
ಒಂದರ ಗಡಿಯ ಬಣ್ಣವನ್ನು ನವೀಕರಿಸಿ ಜೀವಕೋಶ
ಕೋಷ್ಟಕದಲ್ಲಿ ಒಂದೇ ಕೋಶದ ಗಡಿಗಳನ್ನು ಬಣ್ಣ ಮಾಡಲು, ಟೆಂಪ್ಲೇಟ್‌ನ HTML ನಲ್ಲಿ ಅದರ ಸಾಲನ್ನು ಮೊದಲು ಕಂಡುಹಿಡಿಯೋಣ ಮತ್ತು ಅದರ ಘಟಕಗಳನ್ನು ಹತ್ತಿರದಿಂದ ನೋಡೋಣ:
- “ ಸ್ಟೈಲ್= ” ಸೆಲ್‌ನ ಮೂಲ ನಿಯತಾಂಕಗಳ ಗುಂಪನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.
- “ಅಗಲ: 32%; ಬಾರ್ಡರ್: 1px ಘನ #aeabab ” ಸೆಲ್‌ನ ಅಗಲ, ಬಣ್ಣ ಮತ್ತು ಶೈಲಿಯಾಗಿದೆ.
- “~%WhatToEnter[] ರಿಯಾಯಿತಿ” ಸೆಲ್‌ನ ವಿಷಯ.
ಈ ಕೋಡ್ ಲೈನ್ ಎಂದರೆ ನಾನು ಘನ ಶೈಲಿಯ 1px ಬೂದು ಅಂಚುಗಳನ್ನು ಹೊಂದಿರುವ ಸೆಲ್ ಅನ್ನು ನೋಡುತ್ತೇನೆ. ನಾನು ಆ ಪ್ಯಾರಾಮೀಟರ್‌ಗಳಲ್ಲಿ ಯಾವುದನ್ನಾದರೂ ಬದಲಾಯಿಸಿದರೆ, ಅದು ನನ್ನ ಟೆಂಪ್ಲೇಟ್‌ನಲ್ಲಿನ ಟೇಬಲ್‌ನ ನೋಟವನ್ನು ಭ್ರಷ್ಟಗೊಳಿಸಬಹುದು, ಅಂದರೆ ಗಡಿಗಳು ಅಗೋಚರವಾಗಿರುತ್ತವೆ (ಆದರೂ ಅಂಟಿಸಿದ ನಂತರ ಎಲ್ಲವೂ ಸಂಪೂರ್ಣವಾಗಿ ಕಾಣುತ್ತದೆ).
ನಾನು ಪ್ರಮಾಣಿತವನ್ನು ಹೊಂದಲು ಇಷ್ಟಪಡುತ್ತೇನೆ ಟೆಂಪ್ಲೇಟ್‌ನಲ್ಲಿ ಟೇಬಲ್ ಮಾಡಿ ಮತ್ತು ಅಂಟಿಸುವಾಗ ಅದನ್ನು ಮಾರ್ಪಡಿಸಿ. ಆದ್ದರಿಂದ, ನಾನು ಪ್ಯಾರಾಮೀಟರ್‌ಗಳೊಂದಿಗೆ ಒಂದು ಹೊಸ ಗುಣಲಕ್ಷಣವನ್ನು ಸೇರಿಸುತ್ತೇನೆ ಅದು ಅಂಟಿಸುವಾಗ ಮೂಲವನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ:
ಮೇಲಿನ HTML ಲೈನ್ ಅನ್ನು ಪರಿಶೀಲಿಸೋಣ:
- “ style="border : 1px solid #aeabab;" ಮೊದಲ ಲಕ್ಷಣವಾಗಿದೆ. ಅವು ಕೋಶದ ಮೂಲಲಕ್ಷಣಗಳು ಗಡಿ:1px ಘನ; border-color: " ನಾವು ವಿರಾಮ ತೆಗೆದುಕೊಳ್ಳುವ ಎರಡನೇ ಗುಣಲಕ್ಷಣದ ಭಾಗವಾಗಿದೆ. ನೋಡಿ, ಪ್ರಾರಂಭವು ಮೂಲಕ್ಕೆ ಹೋಲುತ್ತದೆ, ಅದೇ ಗಡಿ ಅಗಲ ಮತ್ತು ಶೈಲಿ. ಆದಾಗ್ಯೂ, ಬಣ್ಣಕ್ಕೆ ಬಂದಾಗ (ನಾನು ಬದಲಾಯಿಸಲು ಬಯಸುವ ಪ್ಯಾರಾಮೀಟರ್), ನಾನು ಅದನ್ನು ಬಾರ್ಡರ್-ಕಲರ್: ನೊಂದಿಗೆ ಬದಲಾಯಿಸುತ್ತೇನೆ ಮತ್ತು WhatToEnter ಮ್ಯಾಕ್ರೋ ಅನ್ನು ಅಂಟಿಸುತ್ತೇನೆ. ಆದ್ದರಿಂದ, ಡ್ರಾಪ್‌ಡೌನ್ ಆಯ್ಕೆಯನ್ನು ಅವಲಂಬಿಸಿ, ಮ್ಯಾಕ್ರೋವನ್ನು ಬಣ್ಣ ಕೋಡ್‌ನೊಂದಿಗೆ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಗಡಿಯನ್ನು ಪುನಃ ಬಣ್ಣಿಸಲಾಗುತ್ತದೆ.
- “~%WhatToEnter[] ರಿಯಾಯಿತಿ” ಇನ್ನೂ ಸೆಲ್‌ನ ವಿಷಯವಾಗಿದೆ ಯಾವುದೇ ಬದಲಾವಣೆಗಳ ಅವಶ್ಯಕತೆ ಇಲ್ಲ
ಮಾದರಿ ಹೆಡರ್ 1 ಮಾದರಿ ಹೆಡರ್ 2 ಮಾದರಿ ಹೆಡರ್ 3 ~%WhatToEnter[{dataset:'Dataset with discounts',column:' ರಿಯಾಯಿತಿ',ಶೀರ್ಷಿಕೆ:'ರಿಯಾಯಿತಿ ಆಯ್ಕೆಮಾಡಿ'}] ರಿಯಾಯಿತಿ ನೀವು ಈ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಅಂಟಿಸಿದಾಗ , ನವೀಕರಿಸಿದ ಸೆಲ್‌ನ ಗಡಿಯನ್ನು ಈಗಿನಿಂದಲೇ ಆಯ್ಕೆಮಾಡಿದ ಬಣ್ಣದಲ್ಲಿ ಬಣ್ಣಿಸಲಾಗುತ್ತದೆ:
ಸಂಪೂರ್ಣ ಸಾಲಿನ ಅಂಚುಗಳನ್ನು ಬಣ್ಣಿಸಿ
ಈಗ ನಾವು ಗಡಿಗಳನ್ನು ಬಣ್ಣಿಸೋಣ ನಮ್ಮ ಮಾದರಿ ಕೋಷ್ಟಕದ ಸಂಪೂರ್ಣ ಸಾಲು ಮತ್ತು ಅದು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡಿ. ತರ್ಕವು ಸಂಪೂರ್ಣವಾಗಿ ಒಂದೇ ಆಗಿರುತ್ತದೆಮೇಲಿನ ಪ್ಯಾರಾಗ್ರಾಫ್ ಹೊರತುಪಡಿಸಿ ನೀವು ಎರಡನೇ ಸಾಲಿನ ಎಲ್ಲಾ ಕೋಶಗಳನ್ನು ನವೀಕರಿಸಬೇಕಾಗುತ್ತದೆ. ಒಮ್ಮೆ ನಾನು ಮೇಲೆ ವಿವರಿಸಿದ ಅದೇ ಮಾರ್ಪಾಡುಗಳನ್ನು ಇಡೀ ಸಾಲಿಗೆ ಅನ್ವಯಿಸಿದರೆ, ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಅಂಟಿಸುವಾಗ ಅದು ಕಣ್ಣು ಮಿಟುಕಿಸಲ್ಪಡುತ್ತದೆ.
ನೀವು ನೋಡಲು ಬಯಸಿದರೆ ಎರಡನೇ ಸಾಲಿನ ಬಣ್ಣದೊಂದಿಗೆ ಸಿದ್ಧ HTML, ಇದು ಇಲ್ಲಿದೆ:
ಮಾದರಿ ಹೆಡರ್ 1 ಮಾದರಿ ಹೆಡರ್ 2 ಮಾದರಿ ಹೆಡರ್ 3 ~%WhatToEnter[{ಡೇಟಾಸೆಟ್:'ಡಿಸ್ಕೌಂಟ್‌ಗಳೊಂದಿಗೆ ಡೇಟಾಸೆಟ್',ಕಾಲಮ್:'ಡಿಸ್ಕೌಂಟ್',ಶೀರ್ಷಿಕೆ:'ರಿಯಾಯಿತಿ ಆಯ್ಕೆಮಾಡಿ'}] ರಿಯಾಯಿತಿ ಅಡ್ಡ ಅಗಲವನ್ನು ಬದಲಾಯಿಸಿ
ಈಗ ಗಡಿಯ ಬಣ್ಣವನ್ನು ಮಾತ್ರವಲ್ಲದೆ ಅದರ ಅಗಲವನ್ನೂ ನವೀಕರಿಸಲು ಪ್ರಯತ್ನಿಸೋಣ. ಅಂಟಿಸುವಾಗ ಮೂಲವನ್ನು ಬದಲಿಸುವ HTML ಗುಣಲಕ್ಷಣವನ್ನು ಮತ್ತೊಮ್ಮೆ ನೋಡಿ:
data-set-style="border: 1 px solid; border-color:~%WhatToEnter[{dataset:' ರಿಯಾಯಿತಿಗಳೊಂದಿಗೆ ಡೇಟಾಸೆಟ್',ಕಾಲಮ್:'ಕಲರ್ ಕೋಡ್'}]">~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount',title:'Discount'}] ರಿಯಾಯಿತಿನೋಡಿ 1px ಪ್ಯಾರಾಮೀಟರ್? ಇದು ಬಣ್ಣ ಮಾಡಬೇಕಾದ ಗಡಿಗಳ ಅಗಲವಾಗಿದೆ. ನೀವು ಅದನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ 2 ಗೆ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ನೀವು ಅದನ್ನು ಅಂಟಿಸಿದ ನಂತರ ಟೇಬಲ್ ಅಂಚುಗಳು ಅಗಲವಾಗುತ್ತವೆ.
ಆದಾಗ್ಯೂ, ನಾನು ಅದನ್ನು ಇನ್ನೊಂದು ರೀತಿಯಲ್ಲಿ ಮಾಡುತ್ತೇನೆ. ನಾನು ನನ್ನ ಡೇಟಾಸೆಟ್ ಅನ್ನು ನವೀಕರಿಸುತ್ತೇನೆ ಮತ್ತು ಅಂಚುಗಳ ಅಗಲದೊಂದಿಗೆ ಹೊಸ ಕಾಲಮ್ ಅನ್ನು ಸೇರಿಸುತ್ತೇನೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಒಮ್ಮೆ ನಾನು ಅಂಟಿಸಲು ಪ್ರಸ್ತುತ ದರವನ್ನು ಆರಿಸಿದರೆ, ಬಣ್ಣ ಮತ್ತು ಅಗಲ ಎರಡೂ ಇರುತ್ತದೆನವೀಕರಿಸಲಾಗಿದೆ.
ರಿಯಾಯಿತಿ ಬಣ್ಣ ಕೋಡ್ ಬಾರ್ಡರ್ ಅಗಲ 10% #00B0F0 2 15% #00B050 2.5 20% #FFC000 3 25% #4630A0 3.5 ಈಗ ನಾವು ಪ್ರತಿ ಸಾಲಿನ ಎರಡನೇ ಗುಣಲಕ್ಷಣವನ್ನು ಮಾರ್ಪಡಿಸೋಣ ಮತ್ತು 1px ಅನ್ನು ಕೆಳಗಿನ ಪಠ್ಯದ ತುಣುಕಿನೊಂದಿಗೆ ಬದಲಾಯಿಸೋಣ:
border-width:~%WhatToEnter [{ಡೇಟಾಸೆಟ್:'ಡಿಸ್ಕೌಂಟ್‌ಗಳೊಂದಿಗೆ ಡೇಟಾಸೆಟ್',ಕಾಲಮ್:'ಬಾರ್ಡರ್ ಅಗಲ'}]ನಂತರ ನಾನು ಅದನ್ನು ಎರಡನೇ ಸಾಲಿನ ಎಲ್ಲಾ ಮೂರು ಕೋಶಗಳಿಗೆ ಪುನರಾವರ್ತಿಸುತ್ತೇನೆ ಮತ್ತು ಫಲಿತಾಂಶದಲ್ಲಿ ಈ ಕೆಳಗಿನ HTML ಅನ್ನು ಪಡೆಯುತ್ತೇನೆ:
ಮಾದರಿ ಶಿರೋಲೇಖ 1 ಮಾದರಿ ಹೆಡರ್ 2 ಮಾದರಿ ಹೆಡರ್ 3 ~%WhatToEnter[{ ಡೇಟಾಸೆಟ್:'ಡಿಸ್ಕೌಂಟ್‌ಗಳೊಂದಿಗೆ ಡೇಟಾಸೆಟ್',ಕಾಲಮ್:'ಡಿಸ್ಕೌಂಟ್',ಶೀರ್ಷಿಕೆ:'ರಿಯಾಯತಿ ಆಯ್ಕೆಮಾಡಿ'}] ರಿಯಾಯಿತಿ ಒಮ್ಮೆ ಈ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಉಳಿಸಿ ಮತ್ತು ಅಂಟಿಸಿದಲ್ಲಿ, ಅಗಲವಾದ ನೀಲಿ ಅಂಚುಗಳು ಇಮೇಲ್‌ನಲ್ಲಿ ಗೋಚರಿಸುತ್ತವೆ:
ಟೇಬಲ್‌ನಲ್ಲಿ ಗಡಿಗಳ ಶೈಲಿಯನ್ನು ಮಾರ್ಪಡಿಸಿ
ಇದರಲ್ಲಿ ಅಧ್ಯಾಯ apter ನಾನು ನಿಮ್ಮ ಗಮನವನ್ನು ಇನ್ನೊಂದು ನಿಯತಾಂಕಕ್ಕೆ ಸೆಳೆಯಲು ಬಯಸುತ್ತೇನೆ - ಶೈಲಿ. ಇದು ಗಡಿಗಳ ನೋಟವನ್ನು ನಿಭಾಯಿಸುತ್ತದೆ. ಅದನ್ನು ಸರಿಯಾಗಿ ಅನ್ವಯಿಸುವುದು ಹೇಗೆ ಎಂದು ನಾನು ನಿಮಗೆ ತೋರಿಸುವ ಮೊದಲು, ನಾನು ನನ್ನ ಡೇಟಾಸೆಟ್‌ಗೆ ಹಿಂತಿರುಗಬೇಕು ಮತ್ತು ನನ್ನ ಪ್ರಸ್ತುತ ಪ್ರಕರಣಕ್ಕೆ ಅನುಗುಣವಾಗಿ ಅದನ್ನು ಮಾರ್ಪಡಿಸಬೇಕು.
ರಿಯಾಯಿತಿ ಬಾರ್ಡರ್ಶೈಲಿ 10% ಡ್ಯಾಶ್ಡ್ 15% ಡಬಲ್ 20% ಡಾಟೆಡ್ 25% ರಿಡ್ಜ್ ನಾನು ಪ್ರತಿ ರಿಯಾಯಿತಿ ದರವನ್ನು ಗಡಿ ಶೈಲಿಯೊಂದಿಗೆ ಸಂಯೋಜಿಸಿದ್ದೇನೆ ಮತ್ತು ಭವಿಷ್ಯಕ್ಕಾಗಿ ಈ ಡೇಟಾಸೆಟ್ ಅನ್ನು ಉಳಿಸಿದ್ದೇನೆ. ನನ್ನ HTML ಗಾಗಿ ಶೈಲಿಯನ್ನು ಹಿಂಪಡೆಯಲು ಮ್ಯಾಕ್ರೋ ಕೆಳಗಿರುತ್ತದೆ:
~%WhatToEnter[{dataset:"Dataset with discounts",column:"Border style"}]ಈಗ ನಾನು ನವೀಕರಿಸಬೇಕಾಗಿದೆ ಈ ಕೆಳಗಿನ ಕೋಡ್‌ನ ತುಣುಕನ್ನು ಪಡೆಯಲು ಮೇಲಿನ ಮ್ಯಾಕ್ರೋದೊಂದಿಗೆ ಘನವನ್ನು (ನಾನು ಎಲ್ಲಾ ಡೀಫಾಲ್ಟ್ ಶೈಲಿಯನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ) ಬದಲಿಸುವ ಮೂಲಕ ಎರಡನೇ ಸಾಲಿನ ಗುಣಲಕ್ಷಣಗಳು:
data-set-style="border: 1px #aeabab; border-style: ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border style'}]ಅಂತಿಮ HTML ಇಲ್ಲಿದೆ:
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 0>ಮಾದರಿ ಹೆಡರ್ 3 ~%WhatToEnter[{dataset:'Dataset with discounts',column:'Discount' ,ಶೀರ್ಷಿಕೆ:'ರಿಯಾಯಿತಿ ಆಯ್ಕೆಮಾಡಿ'}] ರಿಯಾಯಿತಿ ನೀವು ಈ HTML ಅನ್ನು ನಕಲಿಸಿ ಮತ್ತು ಅಂಟಿಸಿದರೆ ನಿಮ್ಮ ಟೆಂಪ್ಲೇಟ್‌ಗಳಿಗೆ, ಫಲಿತಾಂಶವು ನಿಮ್ಮನ್ನು ಕಾಯುವಂತೆ ಮಾಡುವುದಿಲ್ಲ:
ಅದೇ ಸಮಯದಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡುವಿಕೆ, ಪಠ್ಯದ ಬಣ್ಣ ಮತ್ತು ಅಂಚುಗಳ ಅಗಲವನ್ನು ಬದಲಾಯಿಸಲು ಷರತ್ತುಬದ್ಧ ಫಾರ್ಮ್ಯಾಟಿಂಗ್ ಅನ್ನು ಹೊಂದಿಸಿ
0>ನಾವು ಹೆಚ್ಚಿನ ಆಸಕ್ತಿಗಳನ್ನು ತಲುಪಿದ್ದೇವೆ ಒಂದು ಸಮಯದಲ್ಲಿ ಅನೇಕ ಮಾರ್ಪಾಡುಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬೇಕು ಎಂಬುದನ್ನು ನಾನು ನಿಮಗೆ ತೋರಿಸಲಿದ್ದೇನೆ ಎಂದು ಟಿಂಗ್ ಭಾಗ. ಮೊದಲಿಗೆ, ನಾನು ಡೇಟಾಸೆಟ್ ಅನ್ನು ನವೀಕರಿಸುತ್ತೇನೆ, ನಾನು ಡೇಟಾವನ್ನು ಹಿಂಪಡೆಯುತ್ತೇನೆ.ಸೆಲ್‌ಗಳ ಹೈಲೈಟ್, ಪಠ್ಯದ ಬಣ್ಣ ಮತ್ತು ಅಂಚುಗಳ ಅಗಲವನ್ನು ಬದಲಾಯಿಸಲು ನಾನು ನಿರ್ಧರಿಸಿದ್ದರಿಂದ, ಆ ಎಲ್ಲಾ ನಿಯತಾಂಕಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬೇಕಾಗಿದೆ. ಆದ್ದರಿಂದ, ನನ್ನ ಹೊಸ ಡೇಟಾಸೆಟ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ:ರಿಯಾಯಿತಿ ಬಣ್ಣ ಕೋಡ್ ಹಿನ್ನೆಲೆ ಕೋಡ್ ಬಾರ್ಡರ್ ಅಗಲ 10% #00B0F0 #DEEBF6 2 15 % #00B050 #E2EFD9 2.5 20% #FFC000 #FFF2CC 3 25% #4630A0 #FBE5D5 3.5 ಆದ್ದರಿಂದ, ನಾನು 10% ಅನ್ನು ಆರಿಸಿದರೆ, ಅಗತ್ಯ ಪಠ್ಯವನ್ನು ನೀಲಿ ಬಣ್ಣದಲ್ಲಿ ಚಿತ್ರಿಸಲಾಗುತ್ತದೆ (# 00B0F0 ), ಆಯ್ಕೆಮಾಡಿದ ಕೋಶಗಳ ಹಿನ್ನೆಲೆಯನ್ನು ಶೇಡ್ ಮಾಡಲಾಗುತ್ತದೆ ತಿಳಿ ನೀಲಿ ಟೋನ್ (# DEEBF6 ) ಮತ್ತು ಅವುಗಳ ಗಡಿಗಳನ್ನು ಎರಡು ಬಾರಿ ವಿಸ್ತರಿಸಲಾಗುತ್ತದೆ.
ಆದರೆ ಈ ಡೇಟಾಸೆಟ್ ಅನ್ನು ಔಟ್ಲುಕ್ ಟೇಬಲ್‌ಗೆ ಹೇಗೆ ಸಂಪರ್ಕಿಸಬಹುದು ಇದರಿಂದ ಅದು ಫಾರ್ಮ್ಯಾಟ್ ಆಗುತ್ತದೆ? ನಾನು 2 ಲೇಖನಗಳಲ್ಲಿ ಈ ಕಾರ್ಯಕ್ಕಾಗಿ ನಿಮ್ಮನ್ನು ಸಿದ್ಧಪಡಿಸುತ್ತಿದ್ದೇನೆ :) ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಮಾರ್ಪಾಡುಗಳನ್ನು ನಿರ್ವಹಿಸುವ HTML ಇಲ್ಲಿದೆ:
ಮಾದರಿ ಹೆಡರ್ 1 < ಮಾದರಿ ಹೆಡರ್ 2 ಮಾದರಿ ಹೆಡರ್ 3 ~%WhatToEnter[{dataset:' ರಿಯಾಯಿತಿಗಳೊಂದಿಗೆ ಡೇಟಾಸೆಟ್',ಕಾಲಮ್:'ರಿಯಾಯಿತಿ',ಶೀರ್ಷಿಕೆ:'ರಿಯಾಯಿತಿ ಆಯ್ಕೆಮಾಡಿ'}] ರಿಯಾಯಿತಿ ಈಗ ಅನ್ವಯಿಸಲಾದ ಎಲ್ಲಾ ಮಾರ್ಪಾಡುಗಳನ್ನು ನೋಡೋಣ:
- ಮಾದರಿ ಹೆಡರ್ 1 - ಈ ತುಣುಕು "ಕಲರ್ ಕೋಡ್" ಕಾಲಮ್‌ನಿಂದ ಹೆಡರ್ ಪಠ್ಯವನ್ನು ಬಣ್ಣದಲ್ಲಿ ಚಿತ್ರಿಸುತ್ತದೆ. ನೀವು ಭಾವಿಸಿದರೆಪಠ್ಯ ಚಿತ್ರಕಲೆಯಲ್ಲಿ ನಿಮ್ಮ ಸ್ಮರಣೆಯನ್ನು ನೀವು ರಿಫ್ರೆಶ್ ಮಾಡಬೇಕಿರುವಂತೆ, ನನ್ನ ಹಿಂದಿನ ಟ್ಯುಟೋರಿಯಲ್‌ನ ಟೇಬಲ್ ಅಧ್ಯಾಯದಲ್ಲಿ ಪಠ್ಯದ ಫಾಂಟ್ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸು ಅನ್ನು ನೋಡಿ.
- data-set-style="background-color:~%WhatToEnter[ {dataset:'Dataset with discounts',column:'background code',title:'select discount'}] - ಈ ಭಾಗವು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ನವೀಕರಿಸುತ್ತದೆ, ಡೇಟಾಸೆಟ್‌ನ ಹಿನ್ನೆಲೆ ಕೋಡ್ ಕಾಲಮ್‌ನಿಂದ ಅದರ ಕೋಡ್ ಅನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. ಈ ಪ್ರಕರಣದ ಕುರಿತು ನಿಮಗೆ ಹೆಚ್ಚು ವಿವರವಾದ ವಿವರಣೆಯ ಅಗತ್ಯವಿದೆ ಎಂದು ನೀವು ಭಾವಿಸಿದರೆ ಹೈಲೈಟ್ ಸೆಲ್ ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ನೋಡಲು ಹಿಂಜರಿಯಬೇಡಿ.
- data-set-style="border: solid #aeabab; border-width:~%WhatToEnter[{dataset:'Dataset with discounts',column:'Border width'}] – ಈ HTML ಸಾಲಿನೊಂದಿಗೆ ಗಡಿಗಳ ಅಗಲವನ್ನು Border width ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಒಂದಕ್ಕೆ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ ನಾನು ಅದನ್ನು ಮೊದಲೇ ಪಡೆದುಕೊಂಡಿದ್ದೇನೆ, ನೀವು ಏನಾದರೂ ತಪ್ಪಿಸಿಕೊಂಡರೆ ನೀವು ನೋಡಬಹುದು.
ನಾನು ಆ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೇರಿಸಿದ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಅಂಟಿಸಿದಾಗ, ಫಲಿತಾಂಶವು ನನ್ನನ್ನು ಕಾಯುವಂತೆ ಮಾಡುವುದಿಲ್ಲ:
ಈ ವಿಷಯವನ್ನು ಮುಚ್ಚುವ ಮೊದಲು ನಾನು ಮಾಡಲು ಬಯಸುವ ಒಂದು ಸಣ್ಣ ಟಿಪ್ಪಣಿ ಇದೆ. ನಾನು ಟೇಬಲ್‌ಗಳಲ್ಲಿ ಗಡಿಗಳ ಬಣ್ಣವನ್ನು ಪರೀಕ್ಷಿಸುತ್ತಿರುವಾಗ ಔಟ್‌ಲುಕ್‌ನ ಆನ್‌ಲೈನ್ ಮತ್ತು ಡೆಸ್ಕ್‌ಟಾಪ್ ಆವೃತ್ತಿಗಳೆರಡರಲ್ಲೂ ಗಡಿಗಳ ಅಸ್ಪಷ್ಟ ನಡವಳಿಕೆಯನ್ನು ನಾನು ಎದುರಿಸಿದ್ದೇನೆ. ಸ್ವಲ್ಪ ಗೊಂದಲಕ್ಕೊಳಗಾದ ಕಾರಣ, ನಾನು ಸ್ಪಷ್ಟೀಕರಣಕ್ಕಾಗಿ ನಮ್ಮ ಡೆವಲಪರ್‌ಗಳನ್ನು ತಲುಪಿದೆ. ವಿಭಿನ್ನ ಔಟ್ಲುಕ್ ಕ್ಲೈಂಟ್‌ಗಳು ಟೇಬಲ್‌ಗಳನ್ನು ವಿಭಿನ್ನ ರೀತಿಯಲ್ಲಿ ನಿರೂಪಿಸುತ್ತವೆ ಮತ್ತು ಔಟ್‌ಲುಕ್‌ನಲ್ಲಿನ ದೋಷವು ಅಂತಹ ನಡವಳಿಕೆಗೆ ಕಾರಣವಾಗಿದೆ ಎಂದು ಅವರು ಕಂಡುಕೊಂಡರು.
ನಮ್ಮ ತಂಡವು ಈ ಸಮಸ್ಯೆಯನ್ನು ವರದಿ ಮಾಡಿದೆ.
