d_s_bisht/devsofttech_hms_ci4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix emoji rendering issue - use PDF-safe symbols instead

Browse Source 
PROBLEM: Emojis don't render in PDF (showing as empty boxes)

SOLUTION:
- Use down-pointing triangle (▼) using HTML entity ▼
- This Unicode character renders properly in mPDF/PDF generators
- Darker gray background (#cccccc) for better B&W visibility
- Bold 3px border on selected box
- Larger font and padding for selected number

Visual indicators that work in B&W printing:
- Triangle (▼) above selected level
- Dark gray shading on selected box
- Bold border on selected box
- Bold text for selected label
This commit is contained in:
DevSoftTech Server 2026-06-06 04:19:20 +05:30
parent a047955c7c
commit 6259001aec
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/Controllers/Opd.php
View File

@ -3880,32 +3880,31 @@ class Opd extends BaseController
if ($painImageHtml === '' && $painIndex !== null) {
$labels = ['No Pain', 'Mild', 'Moderate', 'Intense', 'Worst'];
$emojis = ['😊', '😐', '😣', '😖', '😭']; // Visual indicators for black & white printing
// Add debug info at top showing which pain level is selected
$painImageHtml = '<div style="font-size:10px;color:#666;margin-bottom:2px;">Pain Level: ' . $painIndex . ' - ' . esc($labels[$painIndex]) . '</div>';
$painImageHtml .= '<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;margin:4px 0 4px 0;">';
// Row 1: Emoji indicators (visible in black & white printing)
// Row 1: Arrow/checkmark indicators (PDF-safe symbols, visible in black & white)
$painImageHtml .= '<tr>';
for ($i = 0; $i <= 4; $i++) {
$active = ($painIndex === $i);
$emoji = $active ? $emojis[$i] : '&nbsp;';
$fontSize = $active ? '24px' : '16px';
$painImageHtml .= '<td width="20%" style="text-align:center;height:28px;font-size:' . $fontSize . ';line-height:1;">' . $emoji . '</td>';
$indicator = $active ? '&#9660;' : ''; // Down-pointing triangle (▼)
$fontSize = $active ? '18px' : '12px';
$painImageHtml .= '<td width="20%" style="text-align:center;height:22px;font-size:' . $fontSize . ';font-weight:700;line-height:1;">' . $indicator . '</td>';
}
$painImageHtml .= '</tr>';
// Row 2: Number boxes with bold border for selected (visible in B&W)
// Row 2: Number boxes with bold border and shading for selected (visible in B&W)
$painImageHtml .= '<tr>';
for ($i = 0; $i <= 4; $i++) {
$active = ($painIndex === $i);
$bg = $active ? '#e5e5e5' : '#ffffff'; // Light gray for selected (visible in B&W)
$bg = $active ? '#cccccc' : '#ffffff'; // Medium gray for selected (visible in B&W)
$borderColor = '#000000';
$borderWidth = $active ? '3px' : '1px';
$color = '#000000';
$painImageHtml .= '<td width="20%" style="text-align:center;border:' . $borderWidth . ' solid ' . $borderColor . ';background:' . $bg . ';color:' . $color . ';font-size:13px;font-weight:' . ($active ? '700' : '500') . ';padding:6px 0;">' . $i . '</td>';
$painImageHtml .= '<td width="20%" style="text-align:center;border:' . $borderWidth . ' solid ' . $borderColor . ';background:' . $bg . ';color:' . $color . ';font-size:14px;font-weight:' . ($active ? '700' : '500') . ';padding:8px 0;">' . $i . '</td>';
}
$painImageHtml .= '</tr>';