Step-1
=====
Create a region.
Static ID: MY_REG
Step-2
=====
Go to inline CSS:
/* ================================
ORACLE APEX RESPONSIVE GRID FIX
================================ */
@media (max-width: 768px) {
/* রো কন্টেইনারকে ফ্লেক্সিবল করা */
#MY_REG .row {
display: flex !important;
flex-wrap: wrap !important;
margin-left: -4px !important;
margin-right: -4px !important;
}
/* APEX এর কলাম ক্লাসগুলোকে মোবাইল ভিউতে কন্ট্রোল করা */
#MY_REG [class*="col-"] {
display: block !important;
padding: 4px !important;
box-sizing: border-box !important;
flex-shrink: 0;
}
/* যদি কলাম স্প্যান ৬ হয় (৫০%), তবে মোবাইল ভিউতেও তাকে ৫০% রাখা */
#MY_REG .col-6 {
flex: 0 0 50% !important;
max-width: 50% !important;
}
/* যদি কলাম স্প্যান ১২ হয় (১০০%), তবে মোবাইল ভিউতে তাকে ১০০% রাখা */
#MY_REG .col-12,
#MY_REG .col-11,
#MY_REG .col-10,
#MY_REG .col-9,
#MY_REG .col-8,
#MY_REG .col-7 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
/* ইনপুট ফিল্ডের হাইট এবং ফন্ট টিউনিং */
#MY_REG .t-Form-fieldContainer {
width: 100% !important;
margin-bottom: 5px !important;
}
#MY_REG .t-Form-inputContainer {
width: 100% !important;
}
#MY_REG input, #MY_REG select {
height: 38px !important;
}
}