Copyright © 2003-2005 MultiMedia Soft 
Return to index  
 
How to use the product in your projects 
 
Here follows some topic of interest to help you using the product: 
 
  • Installing the product 
  • Editing control properties at Design-time 
  • Editing control properties through the 3D Button Visual Editor application 
  • Editing multiple controls at once 
  • Using the component inside Visual C++.NET 2003 
  •  
     
    Installing the product 
    This product has been developed for use with Visual Studio.NET so it's mandatory the prior installation of Visual Studio.NET inside your system. 
    In order to install this product on your system, follow the steps listed below: 
     
  • Be sure to exit any application currently running on your system 
  • Launch the downloaded 3dcm.exe (3dcm_t.exe for the trial version) file and follow the contained instructions. 
  • Open Visual Studio.NET 
  • If not already visible, open the Toolbox of Visual Studio.NET. 
  • Right click the mouse button over the Toolbox surface. 
  • Select the "Add/Remove Items..." menu item (if still using Visual Studio.NET 2002 use the "Customize Toolbox..." menu item); this will open the "Customize Toolbox" dialog box. 
  • Be sure that the ".NET Framework components" tab is selected 
  • Scroll down the list of installed components and find the components you can see on the picture below, belonging to the Ctl3d namespace. 
  •  
     
     
  • Check the checkboxes of the components you need (we suggest you to check each of the Ctl3d components now, so they will be already available for future developments): as you will see on the picture above, you don't need to click the "Browse..." button because VS.NET already knows that they are installed on your system. 
  • Now the components will be available inside the Toolbox as displayed on the image below 
  •  
     
     
  • At this point you can use the installed components inside your forms as you would do with any other control already available on the Toolbox. 
  •  
    Editing control properties at Design-time 
     
    We have implemented several ways to change the control settings at Design-time, so you will have the possibility to use the way that you consider more user friendly: 
     
  • Through the classical VS.NET "Properties" panel: 
  •  
     
     
    From this VS.NET panel you have access to all of the control available properties: simply scroll the left vertical scroll bat to reach the property you need to change. 
    As you will see, scrolling down the scrollbar you will find some property with a "+" sign on its left side: this means that this property contains a set of sub-properties: clicking the "+" sign will cause the property to be expanded giving you access to the sub-properties as in the example below: 
     
     
     
  • Due to the fact that the "Properties" box above is usually shrank on the left side of VS.NET to make room to your source code window, we have provided the possibility to access this property grid in a more comfortable way; simply click the control under editing using the right mouse button and select the "Properties..." item located on the bottom of the appearing context menu as in the image below: 
  •  
     
     
    As you can see on the image below, the property editor will appear: 
     
     
     
    As you can see on the three images above, there are 4 links that will bring you to a few enhancements of the control editing; we have highlighted these links on the images below: 
     
  • Inside the "Properties" panel: 
  •  
     
     
  • Inside the context menu: 
  •  
     
     
  • Inside the properties editor: 
  •  
     
     
    These links will give you the possibility to access some very important feature that will ease the control editing: 
  • Edit properties with the Visual Editor: see the paragraph below for details 
  • Load a 3D Control template: this link will give you the possibility to browse a previously saved 3D template containing the settings to apply to the control; for details about the creation and use of 3D templates go to the How to manage button templates section. 
  • Save settings in Normal template: this link will give you the possibility to save the current control settings into a Normal 3D template file for future uses; for details about the creation and use of 3D templates go to the How to manage button templates section. 
  • Save settings in Extended template: this link will give you the possibility to save the current control settings into an Extended 3D template file for future uses; for details about the creation and use of 3D templates and for understanding the difference between Normal and Extended templates, go to the How to manage button templates section. 
  •  
     
    Editing control properties through the 3D Button Visual Editor application 
     
    Note: this feature is not available for the Ctl3dFormShaper control. 
     
    When editing a control at Design-time, you must take care of setting up the properties that will influence the control behaviour at Runtime in the various states the control could have: for example, our 3D buttons can change their surface color or the picture displayed on their surface when pressed or when the mouse is over the button area: usually, in order to see these effects, you will have to compile and run your projects in order to see if the settings made at Design-time are correct for your needs: with our component we have found the right solution to let you see, at Design-time, the behaviour the control will have at Runtime: the solution is the integration of this component with our 3D Button Visual Editor application. 
     
    3D Button Visual Editor is a WYSIWYG application we have developed for creating 3D buttons pictures: as you can see on the image below, its User Interface is very friendly and doesn't require any particular skill: clicking the button under editing will show you the rendering you will see at runtime and, in the same way, if you have setup some "mouse over" behaviour, also know as "Rollover", for example a surface color change, you will have the possibility to see it simply rolling the mouse over the button surface. 
     
     
     
    After having edited the button with your preferred settings, you can save or discard the new button's settings closing the application. 
     
     
    As you can see on the image above, also from inside 3D Button Visual Editor you can load and save 3D control templates. 
     
     
    Editing multiple controls at once 
     
    An application User Interface very often requires several buttons to have the same 3D settings, just see the image below displaying a virtual telephone keypad originally designed using the default settings of our Ctl3dPushButton: 
     
     
     
    now we want to change the 3D buttons appearance in order to give them an outstanding look but we don't want to edit the same settings for each of them because it would require too much time we could use for more productive tasks; to save your time, follow the steps below: 
     
  • Select button with caption "1" and edit its settings using the Visual Editor: the result could be like in the image below: 
  •  
     
     
  • Now we must apply the setting used for button "1" to all of the other buttons: click with the right mouse button the edited control and, from the context menu, select the "Save settings in Normal template..." item as displayed below: 
  •  
     
     
  • Browse a directory in which you can store the 3D control template and assign it a name, then save it. 
  • Select all the remaining buttons as displayed below (you can select more than one button clicking on each button surface while holding the CTRL key pressed); be sure that the container form is not selected together with the buttons.  
  •  
     
     
     
  • Now go to the "Properties" pane and search the property named LoadTemplateFile as displayed below: 
  •  
     
     
  • Inside this property you can manually enter the previously saved 3D template file or, for your convenience, you can browse it clicking the  button. 
  • Once the 3D template will be selected the form will appear like this: 
  •  
     
     
  • That's all: at this point there are a couple of things to remark: 
  • The loading of the 3D template will not affect the caption text of the buttons but only its settings. 
  • If all of these buttons will have the same size, the caching system will speed up the form rendering at Runtime: for further details about the caching system implemented inside our control, take a look to the How to speed up buttons rendering section. 
  •  
     
     
    Using the component inside Visual C++.NET 2003 
     
    When used inside a Visual C++.NET 2003 project, our component needs a small turnaround in order to let the compiler work as expected: the problem is caused by a bug inside the Managed C++ compiler and we hope that Microsoft will fix it soon. You can find the full turnarounds tutorial on the How to use the product inside Visual C++.NET 2003 section. 
     
     
     
     
     
     
     
     
     
    Copyright © 2003-2005 MultiMedia Soft 
    Return to index