Browsed by
Category: Bootstrap

Training: Web Mobile Application Development (Basic / Intermediate) – INTIM – August 2015

Training: Web Mobile Application Development (Basic / Intermediate) – INTIM – August 2015

Training: Web Mobile Application Development (Basic / Intermediate) Location: INTAN Kampus Wilayah Timur (INTIM), Kemaman, Terengganu Date: 17th – 20th August 2015 Slide: http://bit.ly/training-web-mobile-application-development Training Materials: Web Mobile Application Starter Kit – https://bit.ly/training-mobile-app-starter-kit Basic Android Configuration – https://bit.ly/training-mobile-app-android-config API Template – https://bit.ly/training-api-template Important Articles: HTTP Methods for Restful Services – http://bit.ly/htpp-nethods-for-restful-services Android Configuration – http://bit.ly/android-config-xml Chrome Device Mode – http://bit.ly/chrome-device-mode  

Phalcon: Multiple-Module Skeleton

Phalcon: Multiple-Module Skeleton

Assalamualaikum, I’ve been learning Phalcon Framework recently and end up built a Multiple-Module Skeleton app – basically to ease development process to manage modules. Looking forward to add in more features. I have it on GitHub. I have the directory structure as follow: Hope to get some feedbacks. Jazakumullahu khairan.

Bootstrap: Show and Hide Loading Icon in Modal (option Remote used)

Bootstrap: Show and Hide Loading Icon in Modal (option Remote used)

Problems: Need to load remote content Need to display a loading indicator Need to ensure each time modal display, it’s request new modal body content Following are the solutions, however… I’m looking for solutions using event handler instead of using a timer, .change() in jQuery does not monitor the html value change.

HTML: Editable Elements

HTML: Editable Elements

I’m using the following: X-editable Bootstrap 2 Cakephp / Any PHP Framework Include the jQuery, Bootstrap 2 in your HTML head The View The JavaScript The Controller References X-editable http://jquery.com/download/ http://getbootstrap.com/2.3.2/getting-started.html Angular X-editable – http://vitalets.github.io/angular-xeditable

GeoServer – GetFeatureInfo Template Data Model (structure)

GeoServer – GetFeatureInfo Template Data Model (structure)

Extend from this GeoServer – Custom Get Feature Info Display Knowledge requirement – Freemaker The standard template files is header.tpl, content.tpl, footer.tpl. header.tpl usually where JavaScript, CSS, meta tag, title placed here. footer.tpl where you put your HTML page footer, Copyright, etc. content.tpl where we going to iterate through all the features to display interactive UI. But here, I’m going to explain the structure of all available variables. Accessing the variables as following: The result may display as below: This…

Read More Read More

WordPress – Using Bootstrap in Custom Theme

WordPress – Using Bootstrap in Custom Theme

Create a folder name custom_theme containing index.php,header.php,footer.php,functions.php and style.css. Download Bootstrap and extract it into custom_theme folder. Now the structure should be as following: Custom theme should be save in $WORDPRESS_DIRECTORY/wp-content/themes/$THEME_NAME. For header.php, include the following: For index.php, include the following: For footer.php, include the following: For functions.php, include the following: For style.css, include the following: Reference: How to Build a Responsive WordPress Theme with Bootstrap More reading about custom theme & functions can be use, please visit WordPress Functions.