[K2 SmartForms] – Tip สำหรับการแก้ stylesheet

สวัสดีครับ เนื่องด้วยช่วงก่อนหน้านี้มีโอกาสได้ไปขุด stylesheet ของ SmartForms เพื่อแก้อะไรบางอย่าง วันนี้เลยจะมี share วิธีที่จะทำให้การแก้ไข stylesheet ของเราง่ายขึ้น มาดูกันเลย

ก่อนอื่นใน K2 SmartForms พวก resource files ต่างๆ รวมถึง stylesheet จะถูกรวมแล้วส่งมาที่ client เป็น file เพียงไม่กี่ file ซึ่งตรงนี้จะทำให้เราหา stylesheet ได้ยากขึ้น ถ้าเราไปหาด้วย developer tool ของ browser เราจะได้ข้อมูลตามด้านล่าง

style-combine

เมื่อกดเข้าไปใน CombinedResource link ก็จะได้ข้อมูลด้านล่าง

style-combine-2

จะเห็นว่ายังพอจะหาข้อมูลได้ เพียงแต่อาจจะดูยากไปซักหน่อย แต่ถ้าเราอยากดูง่ายขึ้นก็มีวิธีคือ ไปแก้เปลี่ยนค่าของ config ที่ชื่อ “Forms.PostRenderCombining.Enabled” และ “UseBundledFiles” ที่อยู่ใน web.config ของ SmartForms ให้เป็น “false” ซะ จะเป็น site designer หรือ runtime ก็ได้ ขึ้นกับว่า เรา ใช้ site ไหนในการหา stylesheet (reference http://help.k2.com/onlinehelp/k2smartforms/devref/4.6.11/default.htm#web_config_Performance.html%3FTocPath%3DConfiguration%2520Reference%7CSmartForms%2520WebSite%2520web.config%7C_____2)  เมื่อแก้เรียบร้อยให้ reset IIS แล้วลองเข้าใหม่ จะได้ผลตามด้านล่าง

style-not-combine

จะเห็นว่า แทนที่จะเห็นเป็นชื่อ CombineResouce ก็จะเห็นเป็นชื่อของ stylesheet นั้นเลย และเมื่อเรา click link เข้าไปก็จะเห็น class ที่ใช้แบบชัดเจน ก็จะหาที่แก้ไขได้ง่ายขึ้น

style-not-combine-2

คิดว่า น่าจะช่วยให้แก้ไข stylesheet ได้ง่ายขึ้นนะครับ แล้วพบกันใหม่คราวหน้าครับ 🙂