M365Con 2027 – ਮੁਫ਼ਤ ਆਨਲਾਈਨ ਕਾਨਫਰੰਸ · 11–22 Jan 2027 · 120 sessions→ m365con.net

2025-11-03

Power Apps ਲਈ Containers ਅਤੇ Components ਨਾਲ ਰਿਸਪਾਂਸਿਵ ਐਪਸ ਬਣਾਓ

Power Apps ਲਈ Containers ਅਤੇ Components ਨਾਲ ਰਿਸਪਾਂਸਿਵ ਐਪਸ ਬਣਾਓ
ਜ਼ਿਆਦਾਤਰ Power Apps ਠੀਕ ਨਹੀਂ ਦਿਖਦੀਆਂ ਕਿਉਂਕਿ ਮੇਕਰ Containers ਛੱਡ ਦਿੰਦੇ ਹਨ ਅਤੇ ਹਰ ਸਕ੍ਰੀਨ 'ਤੇ UI ਮੁੜ-ਬਣਾਉਂਦੇ ਹਨ। ਹੱਲ ਢਾਂਚਾਗਤ (Containers) ਅਤੇ ਪ੍ਰਣਾਲੀਗਤ (Component libraries) ਦੋਵੇਂ ਹੈ। Containers ਕਮਜ਼ੋਰ X/Y ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਦੀ ਥਾਂ ਰਿਸਪਾਂਸਿਵ ਲੇਆਉਟ ਨਿਯਮ ਵਰਤਦੇ ਹਨ—ਸਾਰੀਆਂ ਡਿਵਾਈਸਾਂ 'ਤੇ ਆਪਣੇ ਆਪ ਸਟੈਕ, ਅਲਾਈਨ, ਡਿਸਟ੍ਰੀਬਿਊਟ ਅਤੇ ਰੀਸਾਈਜ਼ ਹੁੰਦੇ ਹਨ। Component libraries ਬ੍ਰਾਂਡ ਅਤੇ ਵਿਹਾਰ ਨੂੰ ਇੱਕ ਵਾਰ ਏਨਕੋਡ ਕਰਦੀਆਂ ਹਨ (ਹੈਡਰ, ਨੈਵ, ਬਟਨ, ਡਾਇਲਾਗ) ਅਤੇ ਅਪਡੇਟ ਹਰ ਥਾਂ ਪਹੁੰਚਾਉਂਦੀਆਂ ਹਨ—ਇੱਕ ਲੋਗੋ, ਇੱਕ ਰੰਗ ਬਦਲਾਅ ਜਾਂ ਇੱਕ ਐਕਸੈਸਿਬਿਲਟੀ ਸੁਧਾਰ ਸਾਰੀਆਂ ਐਪਸ ਵਿੱਚ ਲਾਗੂ ਹੋ ਜਾਂਦਾ ਹੈ। ਸਕ੍ਰੀਨਾਂ ਆਧੁਨਿਕ ਵੈੱਬ ਲੇਆਉਟ ਵਾਂਗ ਬਣਾਓ: ਉੱਪਰਲਾ ਵਰਟੀਕਲ ਕੰਟੇਨਰ → ਹੈਡਰ, ਮੁੱਖ ਖੇਤਰ (ਸਾਈਡਬਾਰ ਅਤੇ ਕੰਟੈਂਟ ਇੱਕ ਹਰੀਜ਼ੋਂਟਲ ਕੰਟੇਨਰ ਵਿੱਚ), ਅਤੇ ਵਿਕਲਪਿਕ ਫੁੱਟਰ। Gap, padding, align, justify ਅਤੇ ਲਚਕੀਲੀ ਚੌੜਾਈ/ਉਚਾਈ ਕੰਮ ਕਰਨ ਦਿਓ—ਪੋਜ਼ੀਸ਼ਨਿੰਗ ਫਾਰਮੂਲਿਆਂ ਦੀ ਲੋੜ ਨਹੀਂ। ਫਿਰ ਇੱਕ ਕੇਂਦਰੀ ਲਾਇਬ੍ਰੇਰੀ (cmp_Header, cmp_Nav, cmp_ButtonPrimary) ਰਾਹੀਂ ਦਿੱਖ ਅਤੇ ਅਹਿਸਾਸ ਲਾਗੂ ਕਰੋ, ਜੋ ਸਿਰਫ਼ ਸੁਰੱਖਿਅਤ ਪ੍ਰਾਪਰਟੀਜ਼ (text, icon, visibility) ਖੋਲ੍ਹਦੀ ਹੈ।

Apple Podcasts · Spotify · YouTube · YouTube Music

Build Responsive Power Apps with Containers and Components (English)